Figmaに必要なAIプラグイン… | Figma AIプラグイン |
プロンプトからワイヤーフレーム / UI | |
アイコンと画像 | |
デザインシステム | |
UXコピーとSEO | |
デザインからコード生成 |
Figmaのデザインコミュニティが作ったプラグインこそが、FigmaをUIのデファクトスタンダードに押し上げたと言えます。AI PMである私と私の製品デザインチームが頻繁に愛用しているのは、背景を削除するIcons8、デザインシステムを統一するDesign.MD Generator、FigmaからHTMLに変換するAnimaなどです。
とはいえ、デザインの各段階で複数のプラグインを使い分けるのは少し面倒ですよね。そこで、これらすべての機能を1つで、しかも無料でこなせる、Figmaと深く連携したAI UIツール「Banani AI」を同時におすすめします！
プロンプトからワイヤーフレーム / UI
Wireframe Designer
モバイル、デスクトップ、マインドマップに対応した、プロンプトベースのワイヤーフレーム生成ツール。画面の説明を入力するだけで、編集可能なローファイ構造を数秒で出力します。真っ白なキャンバスから始める手間が省け、ステークホルダーとの合意形成や、方向性を決める前の迅速なイテレーションに非常に便利です！
「いいね」数: 5,000 · ユーザー数: 56.4万人 · 価格: フリーミアム
Codia
Codiaは、スクリーンショットをコンポーネントやレイアウト構造を維持したまま、Figma内で直接編集可能なUI画面に変換します。既存のアプリUIを参照・リミックスする際に最適で、まさに無料のMobbin代替ツールとして重宝しています。
「いいね」数: 5,700 · ユーザー数: 30.6万人 · 価格: フリーミアム
Banani AIを使ったプロンプトからUIの生成
Banani AIなら、テキストからワイヤーフレーム、テキストからUI、さらには画像を参照したUI生成まで対応。生成されたデザインはFigma AIにエクスポートして磨きをかけられます。生成前にAI UIエージェントが質問をしてくれるので、アイデアと出力がピタッと一致します！
画像 ＆ アイコン
AI Image Maker
Figma内でテキストプロンプトから、直接最大4枚のAI画像を生成。APIキーも外部ログインも不要です。素材サイトの写真では味気なく、独自の素材がまだない段階で、モックアップにコンテキストに沿ったビジュアルを追加するのに最適です。
「いいね」数: 50 · ユーザー数: 5,400人 · 価格: 無料
Icons8 Background Remover
Figmaを離れることなく、ワンクリックで1枚または複数画像の背景を削除。サブスク契約やAPIキーは不要で、回数制限もありません。Figmaの定番プラグインIcons8からの素晴らしい贈り物です。手放せないお気に入りツールの1つです！
