Figma はコーディング側から値を読み取れるので、渡すだけで進みます。ただしデータの作り方によっては、確認のやり取りが増えて時間がかかります。

整えておくと早い点

1. 文字と色をスタイルに登録する

見出し・本文・注釈などをテキストスタイルとして登録しておくと、実装側は「この見出しは全部同じ」と判断できます。登録が無いと、1つずつ値を拾って、揃っているのか揺れているのかを確かめることになります。

2. 余白を揃える

同じ役割の余白が 24px と 25px で混ざっていると、どちらが正なのか聞くことになります。8 の倍数など、基準を決めておくと迷いません。

3. 繰り返す要素はコンポーネントにする

カードやボタンをコンポーネントにしておけば、実装側も同じ単位で部品化します。作りが揃うので、あとからの修正も楽になります。

4. 使っていないレイヤーを消す

非表示のまま残った旧案があると、どれが最新か分かりません。渡す前に整理するか、最新のページを明記してください。

一緒に伝えてほしいこと

• スマホ幅のデザインがあるか。無ければ任せてよいか
• ホバー時の見た目
• 画像の書き出しをどちらがやるか
• フォントのライセンス（Webフォントとして使えるか）

フォントのライセンスは後から問題になりやすい部分です。デザインで使った書体が Web で使えない場合、代替を決める必要があります。

完璧でなくても構いません

ここに挙げたことが揃っていなくても、コーディングは進められます。整っていれば速い、という話です。当社は PC のデザインしか無い状態でのご依頼も日常的に承っており、スマホ時の並びはこちらで決めて組みます。

まずファイルを共有していただければ、確認したい点をまとめてお返しします。