概要
https://qiita.com/matchan0121/items/d06cf028573d908aff87
詳細内容
## AIでWebデザインを作るなら？FigmaMakeを試してみた感想 #生成AI
https://qiita.com/matchan0121/items/d06cf028573d908aff87
FigmaMakeは、他のAIツールと比較して「人が作ったような」自然なWebデザインを生成し、Webアプリケーション開発におけるデザイン工程の効率化に新たな可能性を提示します。
**Content Type**: ⚙️ Tools
**Scores**: Signal:4/5 | Depth:3/5 | Unique:4/5 | Practical:4/5 | Anti-Hype:4/5
**Main Journal**: 76/100 | **Annex Potential**: 76/100 | **Overall**: 76/100
**Topics**: [[FigmaMake, AI Web Design, 生成AIツール, UI/UXデザイン, プロンプトエンジニアリング]]
株式会社テックワークス社の松井氏が、生成AIによるWebデザインツール「FigmaMake」を試用し、その印象を共有しています。FigmaMakeの最大の特長は、V0やManusといった他のツールと比較して、出力されるデザインが「人間が作ったような」自然さを持つ点です。具体的には、余白の取り方や全体の構成が人間的で、AI特有の「整いすぎた配置」や「グラデーションの多用」といった癖が少ないと評価されています。これは、Webアプリケーション開発において、より洗練されたデザインの初期プロトタイプを迅速に作成できる可能性を示唆しており、デザイナーとエンジニア間の連携をスムーズにするかもしれません。
一方で、いくつかの制約も指摘されています。外部のWebサイトURLを直接デザインの参考にすることはできませんが、既存のFigmaプロジェクトのURLを利用してデザインを継承できる点は、既存のワークフローへの統合を容易にします。また、任意の画像指定は得意ではないため、具体的なビジュアル要素の組み込みには工夫が必要です。現在の利用プランは月額3,000円程度でクレジット制限なく試せるとされており、コスト面でも試しやすい状況です。
筆者は「30代の働く女性向け、都内の夜に立ち寄れる漢方カフェ」をテーマに、リラックス感、信頼性、優しさを重視し、贅沢な余白、手作業のような温かみ、左右非対称な構成、明朝系か手書き風フォント、そして「AIらしいグラデーションや整いすぎた配置は禁止」といった詳細なプロンプトで、非常に自然なデザインの生成に成功しました。これは、Webアプリケーションエンジニアがデザイン段階からAIを活用する際に、具体的なプロンプトエンジニアリングによって質の高い成果を得るための重要なヒントとなります。FigmaMakeは、UI/UXデザインの初期フェーズにおいて、開発者がより人間中心の視点を取り入れたデザインを効率的に生み出すための強力な補助ツールとなるでしょう。