3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

figma+画像生成?? 「Recraft.ai」がすごい!?

Last updated at Posted at 2024-11-25

はじめに

こんにちは。司空です。
ある日、ネットニュースを適当に読んでいたら Recraft.ai なるものが出てきて興味が湧いたので触ってみました。(特にデザイン系の仕事をしているわけではないですが、、)

「触ってみたいけど色々面倒くさいから、ざっとどんなのか見てみたい!」人向けです。

※備考

登録

↓↓↓ Recraft.ai サイトはここから ↓↓↓

ファーストビューがとてもおしゃれです。

image.png

Googleアカウントを持っている方はソーシャルログインできます。(自分はそうしました)
基本的な情報を入力していきます。※ここでは省きます。

試してみる

左上に出てくるImageを選択して生成してみます。
image.png

緑?青?の枠が出てきます。ここに生成された画像が出現するみたいです。
左上にプロンプトを入れてRecraftボタンを押してみます。
image.png

今回プロンプトは人を登場させたかったので人を入れて適当に考えました。
その他設定は変えていません。

  • 生成結果
    image.png

2パターン生成されました。(添付画像はコピーして並べたので実際は一つのみ表示)
3次元を想定してたんですが、、

もう一度プロンプトに「リアル」と付け加えて生成してみます。

  • 生成結果
    image.png

少し暗いですが、かなりリアルに生成できてると思いました。

と、まあ他の画像生成AIサービスと特に遜色ないかもですね、、

Modify area

画面上部に様々なツールがありそうで、その中でもModify areaという項目が気になったので見てみます。
image.png

すると範囲選択のペンのようなものが出てきました。
先ほどの画像を適当に選んで男の人を囲んでみます。
image.png

男の人を凶暴な白熊にしてみましょう。
先ほどとは異なりModify areaボタンを押します。(ドキドキ。。)
image.png

  • 生成結果
    image.png

これはかなりすごいです。
見事に白熊が襲い掛かっているように変わってますね!
境目や角度も自然です。

他の機能

消しゴムや切り取りは勿論、背景なども好きに変えれるそうです。
image.png

Mockup

Tシャツやコーヒーカップにプリントしたように画像を張り付けることができるみたいです。
自然すぎる。。

image.png

image.png

先ほどの白熊に鮭のイラストを自然な感じでプリントさせてみます。(わくわく。。)

image.png
鮭イラスト引用元

  • 結果
    色々な形で張り付けてみました。
    image.png

白熊以外に影響が及ばず、毛並みや質感に自然に適応していますね。
元から鮭柄の白熊のようです。(は?)

と、普通の検証はしていないのでどんなユースケースに当てはまるかわかりませんが、イラストを入れたグッズの検証をしたいときになどに重宝しそうです。(すでにそのようなツールがあるかもしれませんが、、)

感想

筆者はシステム構成図などを作成する際にfigmaをよく使うのですが、操作感がほぼ一緒なような気がします。
なんだかアイコンも似てるような、、(勘違いです。)

終わりに

FigmaRecraft共に、表面的な機能しか使っていない雑魚エンジニアの自分の感覚では、figmaに+画像生成機能が付いた超便利なツールだと感じました。
これからまだ他の使えてない機能についてもっと深掘っていきたいです。(使用する機会があれば、、)

皆さんもRecraft.aiを使ってクリエイティブなAI生活を送っていきましょう!
いいねしていただけると嬉しいです!

3
2
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?