デザインをエクスポートする方法
1
デザインを開く
Flowstep内でエクスポートしたいデザインに移動します。
2
エクスポートメニューを開く
ツールバーまたはデザインパネルのエクスポートオプションを見つけます。それを選択してエクスポート設定を開きます。
3
形式を選択する
ユースケースに応じてJPGまたはPNGを選択します（以下の比較を参照してください）。
4
ファイルをダウンロードする
選択を確認して、エクスポートされた画像をデバイスにダウンロードします。
JPGとPNG：どの形式を使用すべきか？
コードをエクスポート
画像の他に、Codeボタンは画面をReact + Tailwindコードとしてエクスポートします。スニペットをコピーするか、完全なバンドルをZIPとしてダウンロードしてください。バンドルは自己完結型です。デザインで使用されている画像（チャットパネルに添付されたものを含む）は、public/assets/フォルダに含まれ、コードはローカルパスで参照されるため、エクスポートはそのまま実行されます。
ダウンロードされたファイル（画像とコードバンドルの両方）は、それらが属する画面にちなんで名付けられます（画面に名前がない場合はファイル名にフォールバック）。これにより、多くの画面を操作しているときに、エクスポートを簡単に識別できます。
デザインをベクター編集ワークフローに取り込む必要がある場合は、代わりにFigmaに直接コピーしてください。Flowstepのデザインを即座にFigmaにコピーを参照してください。