Skip to main content
ReplitはFigmaフレームのインポートに対応しています。 すでに視覚的な方向性が決まっていて、Replitにその作業から始めてもらいたい場合や、それをデザインに変えてもらいたい場合はFigmaフレームをインポートしましょう。

Figmaが役立つ場面

  • 別の方向性を探る: 中心となる階層構造は保ちながら、異なるスタイルやレイアウトを試します。
  • プロダクトフローを続ける: 既存の画面を、次の画面や状態のコンテキストとして使用します。
  • デザインの作業をアプリへと進める: 承認済みの視覚的な方向性から始め、そこから改良して構築します。

Figmaフレームをインポートする

続けたい作業を表すフレームを選びます。Replit Designはインポートしたフレームをデザインフレームに変換し、そこで変更を探ったり、提案を比較したり、次に何を構築するかを決めたりできます。
Replit DesignにデザインフレームとしてインポートされたPersonal Fitness Trainerのランディングページ

Replit DesignでデザインフレームとしてインポートされたFigmaフレーム。

Designで続ける

Designガイドでは、インポート、改良、構築までの完全なワークフローを説明しています。
Figmaからインポートする

Figmaフレームをインポートして改良する完全なフローに沿って進めます。