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

Figmaですべてを可能に

Figmaですべてを可能に
Figmaですべてを可能に
開始
スライド1 / 8

Figmaを使用すれば、大きなアイデアを実際の製品に変えることができます。チームと共にブレインストーミング、デザイン、構築を進めましょう。

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

最初のアイデアから最終製品まで、プロンプト、コーディング、デザインしましょう

思いつくあらゆるものを、AIでプロンプトからコードに変換

Figma Makeについて詳しく見る

Figmaは、会社全体の目標を描くのに役立ち、全員が足並みを揃え、前向きに取り組むのを可能にします。

Perplexityのロゴ

Henry Modisettデザイン部門責任者

拡張可能なシステムで全員を一つに

旅行アプリのカードコンポーネントを表示するUIデザインインターフェース。左側にはアイコンセットと2つのカードテンプレートが表示され、「Card/Travel」コンポーネントにはJFK便の情報(13:10p → 11:5、ノンストップ、往復$12)が、「Card/Activity」コンポーネントがその下にあります。右側のサイドバーでは、ダーク、ライト、ライム、ゴールド、ネオンなどのさまざまな背景とテキストの色オプションを備えたカラーテーマライブラリが表示されています。旅行アプリのカードコンポーネントを表示するUIデザインインターフェース。左側にはアイコンセットと2つのカードテンプレートが表示され、「Card/Travel」コンポーネントにはJFK便の情報(13:10p → 11:5、ノンストップ、往復$12)が、「Card/Activity」コンポーネントがその下にあります。右側のサイドバーでは、ダーク、ライト、ライム、ゴールド、ネオンなどのさまざまな背景とテキストの色オプションを備えたカラーテーマライブラリが��示されています。

ライブラリとデザインシステムをチーム間で共有しましょう。

再利用可能なコンポーネント、バリアブル、およびブランドアセットを作成して、組織全体が同じ視覚言語で構築されるようにします。

デザインシステムについて詳しく見る
「資産をエクスポート」ボタンの周りに複数のアセットがあります。「資産をエクスポート」ボタンの周りに複数のアセットがあります。

ブランドに合ったテンプレートでチームを解放する。

テンプレートを組織と共有して、誰もが迅速にソーシャルメディア用のアセット、ディスプレイ広告、1ページ資料などを作成できるようにしましょう。

Figma Buzzについて詳しく見る
ミュージアムウェブサイトのWebデザインインターフェースのスクリーンショットで、左側にアート作品の展示、右側にCSS開発パネルが表示されています。「Rico」と「Jane」とラベル付けされたピンクのカーソルが、複数のユーザーがデザインに協力していることを示しています。ミュージアムウェブサイトのWebデザインインターフェースのスクリーンショットで、左側にアート作品の展示、右側にCSS開発パネルが表示されています。「Rico」と「Jane」とラベル付けされたピンクのカーソルが、複数のユーザーがデザインに協力していることを示しています。

開発者とデザイナー向けの、信頼できる唯一の情報源を作成しましょう。

Dev Modeを使用すれば、仕様やアノテーション、コードスニペットを単一の専用スペースに集約できます。

Dev Modeについて詳しく見る

好きな方法で製品を提供

Figma MCPサーバーを使用すると、Figmaのコンテキストをエージェント駆動型コーディングツールに直接取り込むことができます。

Figma MCPについて
デザインからコードへのインターフェースのスクリーンショットで、左側には完了したAPI呼び出し、右側にはジュリア・シモンズのユーザープロファイルページが表示され、彼女の所在地、会員情報、最近の研究活動が示されています。デザインからコードへのインターフェースのスクリーンショットで、左側には完了したAPI呼び出し、右側にはジュリア・シモンズのユーザープロファイルページが表示され、彼女の所在地、会員情報、最近の研究活動が示されています。

Figmaは、デザイナーと開発者に必要な機能のほぼすべてを備えています。

GitHub

Diana Mounter氏デザイン部門責任者