Superflexは具体的にどのようなDesign-to-Codeメソッドをサポートしていますか？それぞれの使い方のコツは？

2025-08-25

1.4 K

3つのコンバージョンモデル

1. フィグマ・ダイレクト・モード変換は、Figmaファイル/レイヤーのリンクをコピーすることで行います。
ヒント：FigmaでCmd/Ctrlを押しながら特定のレイヤー領域を枠で囲むと、Superflexは選択されたパーツのデザイン要素のみを変換します。

2. 静止画認識モードPNG/JPGなどの一般的なフォーマットに対応しています。
注：画像の解像度は72dpi以下にしないことをお勧めします。また、複雑なレイアウトの場合は、モジュールごとに分割してから一括変換することをお勧めします。

3. 自然言語生成モデル3つのテキスト入力ボックスと1つの送信ボタンがあるマテリアル形式のフォーム」のような記述が使えます。
上級者向けヒント：「TailwindCSSを使用して実装されている」や「TypeScriptの型定義が必要」などの技術的制約を追加します。