FigmaとFigJamの比較
FigJamファイルはFigma固有のファイルタイプです。チームプロジェクトの標準的なデザインファイルやドラフトと同様に、FigJamファイルにアクセスできます。
FigmaデザインファイルとFigJamファイルではエディターが大きく異なります。編集環境は、各製品で行う作業に合わせて設計されています。
Figmaデザイン
Figmaデザインファイルは、開発者のアイデアをレスポンシブでインタラクティブなデザインに取り入れることができる強力な共同作業環境です。細部や精密さが最も重視されるアーティファクトやアセットを作成、保守するときに有用です。
デザインファイルは、デザイナー、UXライター、開発者のニーズに合わせて設計されています。レイヤーを完全に管理でき、デジタルエクスペリエンスの作成とデザインに必要なすべてのツールや機能を利用できます。
Figmaデザインファイル内では、複数のページを作成できます。ページごとに専用のキャンバスがあります。
- ツールバーからツールにアクセスします。
- シェイプ、画像、テキスト、その他のレイヤーをキャンバスに追加します。
- 左サイドバーからレイヤーとアセットを選択します。
- 右サイドバーでプロパティを確認、調整します。
- 定規、ガイド、ピクセルグリッドを切り替えます。ピクセルグリッドではピクセルレベルの精度で操作できます。
FigJam
FigJamファイルはオンラインホワイトボードであり、誰もが自由に参加して、自発的に楽しく共同作業できます。
FigJamファイルには、探求と発見のためのツールが用意されており、ミーティング、ブレインストーミング、図表作成、リサーチに役立ちます。
- メニューから設定を確認し、アクションを実行します。
- ナビゲーションバーでコラボーレーションツールを選択します。
- ツールバーの作成ツールを使用します。
- 絵文字、スタンプ、リアルタイムのカーソルチャットを使って、瞬時につながります。
ツールと機能
Figmaを利用したことがあれば、FigJamの一部のツールと機能をすでに理解しています。FigJamの機能には、Figmaと同様に動作する機能と、FigJam向けに準備された機能があります。
次の表で、サポートされているツールと機能を確認してください。FigmaデザインとFigJamで動作が異なる場合は、関連ドキュメントへのリンクを記載しています。
機能 | デザインファイル | FigJamファイル |
移動/選択ツール V | ✓ | ✓ FigJamの選択ツール |
手のひらツール H | ✓ | ✓ FigJamの手のひらツール |
テキストツール T | カスタマイズ可能なテキスト | |
リスト | ✓ | ✓ |
鉛筆 |
カスタムの線を含む鉛筆ツール |
|
蛍光ペン |
✕ |
|
ペン(ベクターネットワーク) | ペンツールとベクターネットワーク | ✕ |
シェイプ | カスタムシェイプツール | |
画像 | ✓ | ✓ FigJamの画像 |
付箋 |
FigJamからの貼り付けのみ |
✓ |
コネクター | ✕ | ✓ |
コメント | ✓ Figmaデザインでのコメント | |
絵文字 | ✕ | ✓ |
スタンプ | ✕ | ✓ |
ステッカー | ✕ | ✓ |
カーソルチャット | ✓ | ✓ |
配置と分布 | ✓ | ✓ |
スマートセレクション | ✓ |
均等配置と並べ替え |
オートレイアウト | ✓ |
テキストの追加、並べ替え、編集のみ |
グループ化とグループ化解除 | ✓ | ✓ |
ロックとロック解除 | ✓ | ✓ |
コピーと貼り付け | ✓ | ✓ |
スタイル | ✓ | |
コンポーネント | 作成と使用 | |
ライブラリ | 公開と管理 | |
共有 | ✓ | ✓ |
アセットのエクスポート | ✓ | |
インタラクティブなプロトタイプ | ✓ | ✕ |
プラグインの使用 | ✓ | ✕ |
コミュニティに公開 | ✓ | ✓ |
キーボードショートカット | ✓ | ✓ |
バージョン履歴 | ✓ | ✓ |
ブランチ | ✓ | ✕ |
音声 | ✓ | ✓ |
ウィジェット | ✓ | ✓ |