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

デザインの機能
あらゆるものを共同制作

Figmaは、複数のメンバーと情報を共有しながら魅力的な作品を作成できるオンラインデザインツールです。

バウンディングボックス内で重なり合う、異なるパターンで塗りつぶされた3つのシェイプバウンディングボックス内で重なり合う、異なるパターンで塗りつぶされた3つのシェイプ

FigJamをご利用いただいているブランド

PumaのロゴKimberly-ClarkのロゴstripeロゴNew York Timesのロゴnetflixロゴspotifyロゴ

もっとスピーディ、効率的に

Figmaの強力なツールを使えば、手動タスクを減らして創造的な作業に集中できます。

もっとスマート、スムーズに

手動のリサイズ作業を減らし、本来のデザイン業務に集中できる、完全にレスポンシブなオートレイアウト機能を搭載。

様々な画面サイズと縦横比を並べて示している画像様々な画面サイズと縦横比を並べて示している画像

あらゆるデバイスに対応

プリロードのフレームを使用すれば、あらゆるエクスペリエンスをスピーディーにデザインできます。

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

デザインシステムとの一貫性を実現

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

コラボレーションのためのデザインツール

メンバー同士でファイルを共有しているときも、非同期で作業しているときも、Webファーストのワークスペースでアイデアを交換、共有できます。

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

チームメートもフィードバックも大歓迎

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

決済フローのモバイル画面を示している「更新された決済フロー」というセクションのクローズアップ決済フローのモバイル画面を示している「更新された決済フロー」というセクションのクローズアップ

作業環境をすばやくオーガナイズ

セクションとページをファイルに追加すれば、デザイナーから開発者まで全員がファイルを簡単に理解できるようになります。

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

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

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

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

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

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

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

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

ベクトル描画

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

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

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

拡張性に優れたプラットフォーム

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

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

タスクを自動化し、作成したデザインにデータを取り込み、コラボレーションを活性化する、多彩なプラグインウィジェット。コミュニティによる、コミュニティのためのツールです。

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

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

テックスタックを統合

FigmaファイルをAsanaやMicrosoft Teamsなどのツールに接続し、効率的にオーガナイズできる、便利なインテグレーション機能を搭載。

すべての連携機能を見る

FigmaアプリアイコンFigmaアプリアイコン

アプリでもブラウザでも作業可能

デスクトップでもWeb アプリでも、スピードやコラボレーションを犠牲にすることなく、作業を完結できます。 モバイル アプリを使用すれば、外出先でもファイルを表示し、コメントを追加できます。

アプリケーションを見る

Figmaのおかげでワークフローが簡素化され、デザイン全体にかかる作業のクオリティと効率が大幅にレベルアップしました。
—Lauren LoPrete氏、デザインシステム主任
Figmaを無料で体験する
DropboxロゴDropboxロゴ

その他の機能

デザインシステムの一部としてトグル、シェイプ、レター、バウンディングボックスがグリッド上に重ねられている画像デザインシステムの一部としてトグル、シェイプ、レター、バウンディングボックスがグリッド上に重ねられている画像

デザインシステム

チーム全員が使えるアセットやライブラリで、デザインと開発の幅が大きく広がります。

デザインシステムの詳細

プロトタイプとして接続されたFigmaバウンディングボックス内の4つのシェイププロトタイプとして接続されたFigmaバウンディングボックス内の4つのシェイプ

プロトタイピング

デザインと並行して、インタラクティブなプロトタイプをノーコードで作成してテストします。

プロトタイピングの詳細

開発モードを示すシェイプ、トグル、バウンディングボックス、コードの小さなウィンドウ開発モードを示すシェイプ、トグル、バウンディングボックス、コードの小さなウィンドウ

開発モード

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

開発モードの詳細