figma-plugin-text2image
公開日: 2022.09.30  | 更新日: 2023.08.21

Figmaで使える画像生成AIプラグイン「Text2Image」

以下は2022年10月時点での機能の説明です。現在はFacebook広告用のバナーの生成ツールに変わってしまったようです。利用にはGoogle アカウントのサインインをしてAPIキーを取得する必要があるようですのでご注意ください。

代替になるプラグインを以下の記事で紹介していますので参考にしてください。

Figmaでテキストから画像生成できるプラグイン「AI image generator」

今回はFigmaでプロンプト(テキスト)を入力して画像を生成できるプラグイン「AI image generator」の使い方を紹介します。手っ取り早く画像を使用したい場合や、イメージを膨らますためのコンセプトの発散などに役立ちます。 ... 続きを読む

figma-ai-image-generator-plugin

今回は、巷で話題のテキストから画像生成を生成するAIをFigma上で使えるプラグイン「Text2Image」を紹介します。画像生成AIを試してみたい、手ごろなカンプデータがない時などに数秒で画像が生成されるので遊んでみてはどうでしょうか。

この記事のターゲット

  • Figmaで画像生成AIを試してみたい方

  • Figmaでカンプデータを探す手間を省きたい方


1. 「Text2Image」をインストールする

text2image

Figma Community の「Text2Image」のページからインストールします。

プラグインに関する説明と詳しいインストール方法はこちらの記事を参考にしてください。

Figmaのプラグインのインストール方法と使い方

今回はFigmaでプラグインをインストールする方法と使い方を解説します。あわせて、当サイトで紹介している便利なプラグインと使い方を解説したプラグイン集もまとめていますので、参考にしてみてください。 ... 続きを読む

figma-how-to-use-plugins

または、Figmaの「リソース」メニューの「プラグイン」からテキスト検索で「Text2Image」を検索することでも利用できます。

text2image1

2. プラグインを起動して画像をテキストから生成する

プラグインを起動するとポップアップウインドウが表示されるので、テキストエリア(暗くてみにくいですが)に生成したい画像のキーワードを例にならって入力します。

選択できる画像サイズは次のとおりです。

  • Medium:512x512px

  • Large:768x768px

最後に「Generate」ボタンを押すと数秒で画像が生成されます。

text2image2

上のデモ画像で生成した画像は以下になります。

「cats, jumping, on the rock, sunny」

1

岩の上で猫っぽい何かが飛んでいる?風な画像が生成されました。

プラグインは右クリックメニューの「プラグイン」からも起動できます。

text2image3

上のデモで生成された画像は以下の通りです。

「dog fighting cats, snow ball, mountain」

2

犬と猫?が雪の上で戯れているような画像が生成されました。

他にもいくつかのキーワードを試してみたので参考にしてください。

「water fall, glass water, fresh, cure」

3

綺麗な滝の画像。

「cats, dancing, on the dance floor, moon lights」

4

猫っぽいものが蠢く宇宙的恐怖を感じるファンタジックな画像。

「cats, crying, flowers, picasso」

5

猫っぽいものと花がピカソ風に描かれた画像。

英単語を入力した方が精度が高い印象はありますが、日本語でも画像生成できます。

「犬のふりをした猫」

6

犬と猫の中間生物が生成されました。


この記事を読んだ方におすすめの記事

Figmaでネタ画像を作るためのTips

これまでFigmaの使い方やTipsを解説した記事をもとに、ネタ画像を作るのに使えそうな記事を紹介します。 ... 続きを読む

figma-funny-images-tips

Figmaで画像を○や□などの好きな形に切り抜く方法

Figmaで画像をトリミングしたり、好きな形にくり抜く方法の紹介です。アプリのユーザーアイコンをデザインする際に円形にくり抜いたり、WEBやスライド資料などに差し込む画像の加工などに便利です。 ... 続きを読む

figma-how-to-crop-and-mask

Figmaで写真やイラストの背景を簡単に切り抜き・透過する方法

今回は、Figmaで画像から背景を簡単に切り抜いてくれるプラグイン「Remove BG」の紹介です。画像を組み合わせてコラージュ画像を作りたい時や、写真から人物を抜き出したい時などに便利なプラグインです。 ... 続きを読む

figma-remove-bg-plugin


最新の記事を見る
広告
この記事を書いた人
うえんつ

うえんつ

X a.k.a Twitter
B2B領域のSaaS・アプリケーション開発などを組織で取り組むことが得意なプロダクトデザイナーで、このブログのオーナーです。
今の関心事
Figma・UIデザイン・UXリサーチ・QOL・旅行
広告