まず必要な成果物から選び、対応するクイックスタートを開いてください。似ているプラグインが2つある場合は、下の比較でそれぞれのワークフローの違いを確認できます。
作業内容で選ぶ
| やりたいこと | 選ぶプラグイン | できること |
|---|---|---|
| Figmaのデザインをアニメーション化し、HTML、GIF、動画のバナーとして納品する | Bannerify | タイムラインでのアニメーション機能に加え、HTML、広告プラットフォーム向け、レンダリングしたメディアへのエクスポート |
| FigmaでレスポンシブなHTMLメールをデザインする | Emailify | Emailifyのコンポーネントで作ったメールレイアウトを、HTMLにエクスポートするか、対応するプラットフォームのワークフローで引き継ぎ |
| Figmaでプレゼンテーションを作成する、または編集可能なスライドをエクスポートする | Pitchdeck | アニメーション付きのプレゼンテーションと、PowerPointのワークフローを含むプレゼンテーションのエクスポート |
| 画像、PDF、アニメーションメディアを圧縮・エクスポートする | TinyImage | 最適化された画像、PDF、GIF、APNG、アニメーションWebP、WebM、MP4ファイル |
| デザインやドキュメントをFigmaとほかの形式の間で移す | Convertify | 対応するデザイン、ドキュメント、画像、3D形式のインポート・エクスポートのワークフロー |
| Figmaのテキストやコンテンツをエクスポート、インポート、ローカライズ、同期する | CopyDoc | スプレッドシート、ドキュメント、JSON、Markdown、Airtable、コンテンツライブラリのワークフロー |
| Webサイトを作成、インポート、インスペクト、監査、プレビュー、エクスポートする | Weblify | Webサイト制作とコードのワークフローに加え、既存のページのFigmaへのインポート |
| Figmaのデザインを実装済みのWebサイトと比較する | Pixelay | デザインとWebサイトの表示を重ねるオーバーレイによるビジュアルQA |
| 複数の画像を複数のサイズに一括でトリミング・リサイズする | HyperCrop | プリセット、手動トリミングの操作、スマートクロップ、顔検出 |
| デザインやプロトタイプを保護されたリンクやPDFで共有する | Crypto | パスワード保護されたブラウザプレビューとPDF共有のワークフロー |
| Figmaのコメントを整理する、または関係者からフィードバックを集める | Commentful | コメントのステータス、ToDo、フィルター、外部フィードバックのワークフロー |
| ファビコン画像、HTML、PWAファイルをエクスポートする | Favvy | 生成された画像ファイルとコードファイルを含むファビコン一式 |
迷いやすい組み合わせの違い
BannerifyかTinyImageか
アニメーションバナーのキャンペーンで、納品先がHTML、広告プラットフォーム向けのパッケージ、GIF、動画を必要とする場合はBannerifyを使います。画像、PDF、圧縮、メディアのエクスポートといった幅広いワークフローにはTinyImageを使います。
PitchdeckかConvertifyか
スライド資料を作成・プレゼンする場合や、プレゼンテーションのエクスポートワークフローを使う場合はPitchdeckを使います。Figmaと、対応するほかのデザイン形式やドキュメント形式の間でファイルを移すことが主な目的の場合はConvertifyを使います。
WeblifyかPixelayか
Webサイトの作成、インポート、インスペクト、監査、プレビュー、エクスポートのワークフローにはWeblifyを使います。ビジュアルQAで既存のFigmaデザインとWebサイトを比較するにはPixelayを使います。
CopyDocかEmailifyか
Figmaのテキストやその他のコンテンツを移す、ローカライズする、同期することが主な作業の場合はCopyDocを使います。最終的な成果物が、Emailify独自のレイアウトとコンテンツのコンポーネントで作るレスポンシブなHTMLメールの場合はEmailifyを使います。
CryptoかCommentfulか
納品物がパスワード保護されたデザインやプロトタイプのプレビューの場合はCryptoを使います。コメントを整理し、フィードバックを集めることが目的の場合はCommentfulを使います。
導入前にワークフローを確認する
- プラグインのクイックスタートを開き、対応している入力と出力がプロジェクトに合っていることを確認します。
- エクスポートや本番のワークフローに頼る前に、そのプラグインの無料版とProのページを確認します。
- プラットフォームにアップロードする場合は、アップロード先で現在必要なアカウント、キャンペーン、ファイル、承認の要件を別途確認します。
- 最終的にエクスポートしたファイルやホストされた成果物を、実際に使う環境でテストします。
利用範囲を比較する
プラグインを選んだら、本番のワークフローを始める前に、無料版、トライアル、Proで使える範囲を比較してください。