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

Figma Design

より良いデザインを共同で作成しましょう。チームと協力してアイデアを探り、現実的なプロトタイプを構築して、製品開発を効率化しましょう。Figma Designはすべてのプランのフルシートに含まれています。

世界を牽引するチームに信頼されています

  • HP社ロゴ
  • Netflix社ロゴ
  • nyt社ロゴ
  • Puma社ロゴ
  • Spotify社ロゴ
  • Stripe社ロゴ
  • HP社ロゴ
  • Netflix社ロゴ
  • nyt社ロゴ
  • Puma社ロゴ
  • Spotify社ロゴ
  • Stripe社ロゴ

より速く、効率的に

Figmaは、チームがアイデアを探索し、一緒にデザインを作成し、リアルタイムでフィードバックを得ることができるように、強力なデザインツールをAIとともに共有キャンバス上で組み合わせて提供します。

複数のカーソルがFigmaファイル内のモバイルデザイン上を行き交い、選択されたコメントが方向性を確認している複数のカーソルがFigmaファイル内のモバイルデザイン上を行き交い、選択されたコメントが方向性を確認している

連携が簡単に

デザインファイルはマルチプレイヤー対応、バージョン管理可能なため、ステークホルダーからコンテンツに応じたフィードバックをコメントで取得できます。

作業場であるキャンバス上に常駐するエージェント

ワークフローを迅速化し、アイデアを生成して探求するなど、エージェントをキャンバス内に直接配置して活用できます。Figmaにデザインシステムの適用を依頼し、大量編集を自動化し、作業中にフィードバックをもらいましょう。

キャンバスを離れることなくデザインを具現化

プロトタイピングを使えば、コードを使わずにリアルなインタラクションが可能です。たった1つのツールで、反復とテストによるユーザーエクスペリエンスのあらゆる要素を微調整できます。

さらに多くのユースケース

  • アイコン、色、タイプフェーススタイルのライブラリを示している製品のスクリーンショットアイコン、色、タイプフェーススタイルのライブラリを示している製品のスクリーンショット

    大規模な一貫性を実現

    スタイル、バリアブル、コンポーネントが標準化されているので、カラーからパディングにいたるまで、あらゆる要素を製品やブランド全体にシームレスに適用できます。

    デザインシステムの詳細
  • オーバーレイ付きの多数のブラシから選択する犬のイラストオーバーレイ付きの多数のブラシから選択する犬のイラスト

    Figma Drawで自分らしさを表現

    Figma Drawで、ブラシやテクスチャ、パスのテキストなど、視覚表現向けのクリエイティブツールセットを使ってイラストを作成しましょう。

    Figma Drawを試す

    Figma Drawを試す

誰もが使えるクリエイティブキャンバス

Figmaのインターフェースと各機能は直感的でWebファースト。業界のエキスパートもアマチュアデザイナーも簡単にデザインできます。

グリッドにスナップ

デザインにシームレスに適応し、CSSプロパティにマッピングされるグリッドを使用して、柔軟でレスポンシブなレイアウトを作成できます。

レイアウトのレイヤー調整も簡単

スマートセレクションを活用すれば、デザイン内のレイヤーを均一に再配置、並べ替え、調整できます。

DesignインターフェースDesignインターフェース

作業は手間暇かけずスマートに

手動のリサイズ作業を減らし、本来のデザイン業務に集中できる、完全にレスポンシブなFigmaのオートレイアウト機能を搭載。さらに、Figmaエージェントを使用してオートレイアウトを自動的に適用できます。

コンポーネント内でブランチを選択しているカーソルコンポーネント内でブランチを選択しているカーソル

デザインの多彩な活用が可能

ブランチ機能でアイデアを膨らませ、マージ機能でメインのデザインファイルに最新のデータを取り込めます。

ショッピングバスケットのアイコンのベクターポイントを描画しているペンツールショッピングバスケットのアイコンのベクターポイントを描画しているペンツール

ベクトル描画

ペンツールを使用すると、任意の方向にベクターネットワークを描画できます。パスの始点に結合または接続する必要はありません。

フォントを自由にカスタマイズ

FigmaのOpenTypeやバリアブルフォントを活用すれば、細かな調整や豊かな表現が可能です。

コミュニティとパートナーのリソースを活用して業務効率アップ

利用可能なプラグインの一覧を表示しているFigmaコミュニティのメニュー利用可能なプラグインの一覧を表示しているFigmaコミュニティのメニュー

ワークフローをカスタマイズ

タスクの自動化、デザインへのデータ取り込み、コラボレーション促進に役立つ、さまざまなプラグインとウィジェット。コミュニティによる、コミュニティのためのツールです。

プラグインとウィジェットを見る

完了する必要のある3つのタスクが表示されたAsanaウィジェット完了する必要のある3つのタスクが表示されたAsanaウィジェット

技術スタックを統合

FigmaファイルをAsana、Microsoft Teamsなどのツールに接続。便利な連携機能で作業が整理され効率よく進みます。

統合

テンプレートやファイルのサムネイルを表示しているコミュニティページをトリミング テンプレートやファイルのサムネイルを表示しているコミュニティページをトリミング

ファイルとテンプレート

適切なテンプレートとファイルを見つけて次のプロジェクトを開始しましょう。ワイヤーフレーム、UIキット、リサーチガイドなど、一人ひとりに役立つものが用意されています。

すべてのテンプレートとファイルを見る

Figmaの導入後、デザイナー、プロジェクトマネージャー、プロダクトマネージャー、エンジニアが真の意味で共同作業できるようになり、フィードバックの質が10倍向上しました。

Shawn Lam氏 、Zoom社デザイン部門責任者

Zoom社ロゴ
詳しい内容を読む

エンドツーエンドのデザインワークフローをサポート

ブレインストーミングから先に進む

アイデアを定義し、意思決定を調整し、チーム向けのコラボレーション型オンラインホワイトボード、FigJamで作業を進めます。

ジャムセッションを開始

リアルな表現を

忠実度の高いアニメーション化されたプロトタイプを、デザインキャンバスから数クリックで作成できます。

プロトタイピングを試す

コーディングを迅速化

Dev Modeは、デザインをすばやくコードに変換できる、Figmaの新しい開発者用スペースです。

Dev Modeの詳細

アイコン、色、タイプフェーススタイルのライブラリを示している製品のスクリーンショットアイコン、色、タイプフェーススタイルのライブラリを示している製品のスクリーンショット

大規模な一貫性を実現

スタイル、バリアブル、コンポーネントが標準化されているので、カラーからパディングにいたるまで、あらゆる要素を製品やブランド全体にシームレスに適用できます。

オーバーレイ付きの多数のブラシから選択する犬のイラストオーバーレイ付きの多数のブラシから選択する犬のイラスト

Figma Drawで、自分らしさを表現しよう

Figma Drawで、ブラシやテクスチャ、パスのテキストなど、視覚表現向けのクリエイティブツールセットを使ってイラストを作成しましょう。