Flowstep と Figma は補完関係にあるツールで、競合するものではありません。Flowstep は UI デザインのアイデアを素早く生成・探索するのに役立ちます。Figma は、それらを洗練させ、コラボレーションし、本番対応の成果物を構築する場所です。両者を一緒に使用すれば、両方の利点を最大限に活用できます。
Flowstep のデザインを Figma にコピーする方法
1
Flowstep で 1 つ以上の画面を選択する
画面をクリックして選択します。または複数の画面を選択して一度にコピーできます。選択がキャンバスでハイライトされていることを確認してください。
2
選択内容をコピーする
Mac では **Cmd+**⇧+C を、Windows では **Ctrl+**⇧+C を押します。Flowstep は処理中に「Preparing your design — stay on this tab and keep the screen selected」と表示されます。コピーは数秒で完了します。
3
Figma ファイルに貼り付ける
Figma に切り替えて、デザインを配置するファイルを開きます。Mac では Cmd+V を、Windows では Ctrl+V を押して貼り付けます。Flowstep の画面が Figma キャンバスに表示され、編集できる状態になります。
Figma へのコピーはブラウザのクリップボードを使用するため、ブラウザが Flowstep のクリップボードアクセスを許可する必要があります。パーミッションエラーが表示される場合は、ブラウザの設定でクリップボードアクセスを許可して、もう一度試してください。コピー中にタブを切り替えると転送が中断されます。コピーが完了するまで Flowstep タブをフォーカスしたままにしてください。