メインコンテンツまでスキップ

Figma Makeをキャンバスに持ち込む

今や、Figma Makeのプレビューからデザインキャンバスにどんな デザインもコピーできるようになり、編集や反復を通じてアイデアをさらに進化させることが可能です。

Figma Makeをキャンバスに持ち込むを共有

Figma Makeのトップリクエストの一つは、生成されたアイデアを直接Figma Designに持ち込み、キャンバス上で形作り、リミックスし、構築できる能力です。私たちの目標は、Makeの出力を完全に編集可能で、コンテクスト的で、ネイティブなものにすることです。名前付け、エクスポート、モード切り替えのための余分なステップはありません。デザインのコピーは、そのビジョンに向けた最初のステップです。現在、チームはMakeのプレビューをデザインの編集可能なレイヤーとして持ち込むことができ、意図とアクションの間のギャップを埋めることができます。

スクリーンショットではなく、レイヤーを共有する

「デザインをコピー」機能により、プロンプトによって生まれたアイデアは「アウトプット」を超えたものとなります。それは、繰り返しのための動的な構築ブロックとなり、マルチスレッド型のコラボレーションのための共通の入り口となります。プロンプトからプロトタイプへ、そしてプロトタイプからプロダクションへの旅は、よりオープンで柔軟になり、誰でもキャンバス上でアイデアを即興で作り、磨き、進化させることができます。

想像してみてください。PMが自然言語を使ってMake上でデザインモックをブラッシュアップし、そのスナップショットをMakeからFigmaのデザインに取り込みます。これらのアイデアは構造化されたレイヤーとしてキャンバスに持ち込まれるため、単なる静的な参照にとどまらず、チームが実際にアレンジし、洗練し、具現化できる構成要素となります。

Figmaのプロダクト・プロダクトマネージャーであるHolly Liが、Copy design を使ってMakeのスナップショットをFigma Designに取り込み、より深い編集を行う方法をデモンストレーションします。

コミュニティから学ぶ

また、私たちのコミュニティがすでにこれらのギャップを埋めるために取っている創造的な方法から学んでいます。例えば、<div>RIOTSのプラグインであるhtml.to.designは、ライブプロトタイプや任意のHTMLを編集可能なフレームとしてFigmaに取り込めるツールです。このようなツールは、Figma Makeのユーザーが、生成したアイデアをキャンバス上で再びつなぎ直すために、すでに活用しています。そのため、私たちはhtml.to.designの背後にある技術を買収しました。私たちは、<div>RIOTSのプラグイン html.to.design の背後にある技術から学び、それを将来のMakeの機能性に活かしていくことを楽しみにしています。

<div>RIOTSとの緊密なパートナーシップにより、CEOのGeorges Gomesは、リリース当日のConfig 2025で、html.to.designを使ってFigma MakeからFigma Designへ変換するデモを行うことができました。このプラグインは開発に3年を要し、現在では約200万人のユーザーに利用されています。

私たちはAIをあなたのプロセスの真の促進剤にしたいと考えています。それは、ワークフローを深く理解し、それを支える技術的解決策を厳密に探求することを意味します。私たちのパートナーシップの一環として、<div>RIOTSは、html.to.designを含むプラグインとツールを独立して構築および維持し続けます。彼らは長年のFigmaのパートナーであり、コミュニティに力を与えるツールを一貫して提供しており、それは変わりません。

「このパートナーシップのおかげで、私たちの技術は今後も成長を続け、html.to.designや新しいプラグインにおけるイノベーションをさらに加速させていきます」とGeorgesは語ります。「今後数か月以内に、html.to.designには新機能が続々とリリースされる予定です!」

Makeでさらにできること

私たちは、キャンバスがあらゆるものを持ち込み、探求し、チーム全員が変革できる場であるべきだと考えています。私たちは、Figma Designにこの機能をもたらすための重要なステップとして「デザインをコピー」を捉えています。どんなプロンプトでも創造を促し、どんなアイデアでも、その始まりがどこであれ、製作までの道筋を持つべきだと信じています。

Figmaを使った制作とコラボレーション

無料で始める