Figma：Claude はコンセプトを素早くコードに変換し、1日でウェブサイトを作成できます

Figma のエンジニアは、Anthropic 出現前、AIモデルは明らかにデザインのセンスや個性に欠けていると指摘していました。あなたがそれらにデザインを生成させると、結果はしばしば一様になりがちです。Claude は Figma にデザインのセンスを持つAIモデルをもたらし、大量のコミュニケーションや修正作業を簡素化します。まさに黄仁勳氏が言うように、SaaSソフトウェアとAIは敵対関係ではなく、チームの作業効率を高めるためのものです。

Figma は自然言語生成アプリケーションを提供

Figma のプロダクトマネージャー、Alex Mullans は、従来のデザインワークフローでは、デザインの納品後に実装制約により元の構想と乖離することが多いと指摘しています。デザインとコード生成を同一プラットフォームに統合することで、開発過程においてデザイン意図を継続的に把握でき、繰り返しのコミュニケーションコストを削減します。Figma は Claude の自然言語操作を利用し、デザイナーの実装時間を大幅に節約。静的なデザインをインタラクションを持つプロトタイプやアプリに変換し、コンセプトから検証までの距離を縮めています。

Claude は Figma Make をサポートし、プログラマー不要で動作するインタラクティブなプロトタイプやアプリを迅速に作成可能です。デザイナー、開発者、プロダクトマネージャーは、従来時間のかかっていた作業を数分で完了させ、繰り返しの多い煩雑なタスクをシステムに自動化させることができます。Figma はこのモデルにより、チームがさまざまなデザインやプロダクトのアイデアを探索する時間を増やし、非デザイナーもビジュアル化されたアイデア表現を通じて設計プロセスに参加できる範囲を拡大しています。

Claude を使えば1日でウェブサイトを構築可能

AIモデルの選択において、Figma はコードの品質、デザイン意図の理解、実行速度のバランスを重視しています。Mullans は、Claude は複数の評価を通じて安定したパフォーマンスを示し、正確さとユーザーニーズの両方を満たすことができると述べています。Figma チームも、Claude のデザイン感覚のパフォーマンスにより、生成結果は機能性だけでなくデザイン美学にもより適合すると指摘しています。Figma Make のプロダクトマネージャー、Holly Li は、彼女がReactを独学で学び約30時間かけてウェブサイトを作った経験を共有し、Claude の支援によりわずか1日でコードのリファクタリングと機能拡張を完了したと述べています。

Holly Li は、Claude のアップデートごとに顕著な改善が見られ、今では一つのプロンプトだけでグラデーション、多彩なフォント、巧妙なアニメーション効果を持つ美しいデザインを生成できると語っています。Figma チームのデザイナーたちも、「Claude は素晴らしい、感動して泣きそう」と言っています。

Claude は自然言語駆動のプログラミングを可能にし、デザインの大革命をもたらす

Figma は Claude を「Figma Sites」「Figma Make」の二つの製品に統合し、コード駆動のアイデアを素早くデザインに変換します。デザイナーは Figma Sites で自然言語を使って既存のデザインにインタラクションを追加でき、Figma Make では文字による説明や既存のデザインファイルから、ロジックやアニメーション、レスポンシブな設計原型やアプリを生成します。

Figma Sites：デザイナーは自分のニーズを記述することで、既存のウェブサイトにインタラクションを追加可能です。例えば、「マウスホバー時に傾斜させる効果を追加」と入力すれば、Claude は高品質なコードを素早く生成し、元のデザインの詳細も保持します。

Figma Make：既存の Figma デザインからインタラクティブな原型やアプリを作成します。Figma Make はアイデアを実際のソフトウェアに変換し、ゼロからの設計や、Figma で作成した既存デザインからの開始も可能です。ユーザーはニーズを記述したプロンプトを入力したり、Figma のピクセルレベルの詳細モデルをコピーして、Claude に複雑なロジックやアニメーションを持つ完全な原型に変換させることができます。

AIは美術デザイナーの働き方を変えつつあり、シンプルなプロンプトだけでインタラクティブな体験を生成可能です。デザインと開発チームはもはや手動で原型を作成したり大量のコードを書いたりする必要はなく、迅速にデザインの方向性を検証できます。この進展により、デザイナーとエンジニア間の煩雑なコミュニケーションの問題も解決されつつあります。

この記事は Figma：Claude がコンセプトを素早くコードに変換し、1日でウェブサイトを作れることについて、最初に鏈新聞 ABMedia に掲載されました。