{[0, 1, 2].map(node => )}

{[0, 1, 2].map(dot => )}

; ReplitはFigmaフレームのインポートに対応しています。すでに視覚的な方向性が決まっていて、Replitにその作業から始めてもらいたい場合や、それをデザインに変えてもらいたい場合はFigmaフレームをインポートしましょう。 ## Figmaが役立つ場面 * **別の方向性を探る：** 中心となる階層構造は保ちながら、異なるスタイルやレイアウトを試します。 * **プロダクトフローを続ける：** 既存の画面を、次の画面や状態のコンテキストとして使用します。 * **デザインの作業をアプリへと進める：** 承認済みの視覚的な方向性から始め、そこから改良して構築します。 ## Figmaフレームをインポートする続けたい作業を表すフレームを選びます。Replit Designはインポートしたフレームをデザインフレームに変換し、そこで変更を探ったり、提案を比較したり、次に何を構築するかを決めたりできます。 ## Designで続ける Designガイドでは、インポート、改良、構築までの完全なワークフローを説明しています。

Figmaからインポートする

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

Designガイドを開く →