概要
https://note.com/suzzken/n/n3b3e0a264a48
詳細内容
## Figma Makeで1日でポートフォリオサイト作れた
https://note.com/suzzken/n/n3b3e0a264a48
Figma Makeを活用し、映像ディレクターである著者が1日で高品質なポートフォリオサイトを構築、AIによるデザイン作業の効率と品質向上を実証しました。
**Content Type**: ⚙️ Tools
**Scores**: Signal:4/5 | Depth:3/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 81/100 | **Annex Potential**: 80/100 | **Overall**: 80/100
**Topics**: [[Figma Make, AIデザインツール, ポートフォリオサイト作成, Claude Sonnet 4, Web制作効率化]]
この記事は、映像ディレクターの著者がFigmaのAI機能「Figma Make」を駆使し、わずか1日で高品質なポートフォリオサイトを構築した体験を詳細に綴っています。Figma Makeは内部にClaude Sonnet 4を搭載しており、著者の「シンプルにハイセンスに」といった抽象的な指示や、「長体」「R」といったデザイン専門用語も正確に解釈し、驚くべきスピードでデザインを具現化しました。
特に注目すべきは、Googleスプレッドシートで管理していた過去の作品情報をClaude Sonnet 4でテキスト化し、それをFigma Makeに読み込ませることで、作品一覧ページや個別の詳細ページを自動生成した点です。これにより、膨大な作品データを効率的にサイトに組み込むことが可能になり、手動でのコンテンツ更新作業から解放される展望が示されました。このワークフローは、ウェブアプリケーションエンジニアがデザインとコンテンツ管理を連携させる新たな可能性を示唆しています。
著者は、Figma Makeの利点として「更新の容易さ」「テンプレートに縛られない高いオリジナリティ」「制作過程そのものの楽しさ」を挙げます。従来のサイト制作サービスでは難しかった大胆なビジュアル変更もプロンプト一つで可能であり、洗練されたデザイン提案をAIが得意とします。一方で、モバイル対応の調整や一部の画像表示問題、AIからの不要な提案といった課題も率直に共有されており、AIツールの実用的な側面がリアルに伝わります。
この事例は、単にサイトを速く作るだけでなく、AIがデザイン思考を理解し、コンテンツ投入のワークフローを変革する力を秘めていることを示唆します。Web開発者にとっては、AIツールがUI/UXデザインや初期のプロトタイプ作成を劇的に効率化し、より複雑な機能開発に注力できる未来を示唆するものです。AIとの対話を通じた制作が、今後の開発における重要なスキルとなるでしょう。