Q1.mikiのデザインカンプを受け取ったとき、「実装しやすいな」と感じた点はどんなところですか?
一番は、数値の美しさとセクション区切りの丁寧さです。
PC・SPともに整数で揃っていて、余白もビシッと統一されているので、迷う時間が一切ありませんでした。拾った値をそのままCSSに落とせるストレスフリー感は最高です。
また、レイヤー名が「FV」「代表プロフィール」と直感的で、カンプを開いた瞬間にそのままHTMLの骨組みが見えました。 最近はFigma MCPでAIにカンプを読み込ませることも多いのですが、構造が整っていると、AIが変な推測をせず一発で構造を理解してくれます。
テキストが画像化されずテキストレイヤーのまま残っているのも、そのまま抽出できて本当に助かりました。
Q2. 「このデザイナー、仕事しやすいな」と感じた瞬間はありましたか?
データを開いた瞬間に「あ、これ質問なしでそのまま組めるやつだ」と確信できた時です。ホバー時の指定が丁寧にかかれていたりするので、確認の往復なく手を止めずに一気に実装まで走れるのは本当にありがたかったです。
デザイン性が高いのにコンポーネント化しやすいパーツで組んでくれていてすごいと感じました!
セクション単位でフレームが分かれていて、PC版とSP版で並び順も名前もほぼ1対1で対応していたため、差分をスムーズに読み取れてレスポンシブ対応がかなりスピードアップしました。
Q3. 反対に「こうしてもらえたらもっと良かった」と感じたことがあれば、正直に教えてください。(今後の改善に活かします )
正直困った部分はまったく無かったのですが、
あえて言うなら… スタイルの命名で、カラーが「#1C2570」、文字が「Shippori Mincho_48(B)」のように値そのままの名前になっていたので、「primary」や「text-heading」のような役割ベースの名前になっていると、そのままCSS変数として扱えるのでより助かります!
Q4. デザインカンプを外注できるデザイナーを探しているコーダー仲間がいたら、mikiをどんな言葉で紹介しますか?
「カンプを開いた瞬間に、完成までのゴールが見えるデザイナーさん」と紹介します。
数値が綺麗で構造も分かりやすく、PC/SPの対比もバッチリなので、やり取りの往復で消耗せず実装だけに没頭できます。 また、AIフレンドリーな構成なのでとても助かります!
mikiより
嬉しいお言葉をありがとうございます!
以前から交流のあった方と、お仕事でご一緒できたことがとても嬉しかったです!!
実装のしやすさについても嬉しいお言葉をいただき、普段から意識している「コーダーの方が迷わないデータづくり」が、少しでもお役に立てたのかなと嬉しくなりました。
これからも、デザインだけでなく、その先の実装までスムーズにつながるデータづくりを大切にしていきたいです。
mikidesign miki