現在各家繪圖軟體陸續推出 AI 的功能, 平常畫 UIUX 大部分用 Figma, 生成插圖會用 Recraft, 最近 Illustrator 也出 AI 功能, 來分享我最近有用過的感想。

Recraft

Recraft 是我第一個使用 AI 生成 SVG 圖的工具, 沒錯! 你沒聽錯! 下載的格式是 SVG 喲!! SVG 好處就是他直接是向量圖, 可以丟進去 Figma, Illustrator 都沒問題, 重新上色拉線稿都 OK. 重點是他生出的圖其實還蠻符合現在潮流的. 最近還推出 V3 版本, 但 V3 還沒辦法下載 SVG 格式, 要舊版的 20B 才能下載 SVG. 期待 V3 未來能下載 SVG 格式, 整體使用上 V3 生出來的圖非常符合潮流.

Recraft 生圖:

  • 比例: 可自行輸入 px 調整, 或選擇用內建的模板比例
  • 顏色: 可設定多個背景色和前景色調, AI 會依據設定的色調生圖
  • 下載格式: 20B 可下載 SVG 格式, V3 只能 PNG, JPG 格式
  • 其他功能: 除了文生圖外, 還有圖生圖, 文字生圖組 Image Set, 文字加圖的生成…等著各位自行玩玩看XD

用了 Illustrator VS Recraft VS Figma 等相關字詞作設定, 看到下面如圖結果, 基本上我覺得都很符合現代向量插圖, 實用性極高.

Recraft

Illustrator

Illustrator 是老牌 Adobe 繪製向量圖的應用程式, 很高興他也能有 AI 功能. 他比較有趣的是可以繪製簡單向量, 並快速填滿圖形或是生成式重新上色等功能, 可以參考官網.

Illustrator 生圖:

  • 比例: 可自行繪製向量圖, 最快速的方式是拉一個矩形框, 就會出現 AI 提示按鈕
  • 顏色: 除了設定色調, 色數, 多種預設外, 也可以指定內容類型(場景, 主體, 圖示)等更多細項設定
  • 下載格式: 各種格式都能下載, SVG, PNG, JPG
  • 其他功能: 除了產生向量外, 還能快速填滿圖形, 生成式重新上色. 有自己獨有的功能.

用 Illustrator VS Recraft VS Figma 字詞產生矩形向量圖, 看到下面如圖結果, 基本上我覺得出來的結果都跟期望有差距, 除了設計風格跟不上現代潮流外, 細節也處理得很粗糙, 例如人物手指, 肢體僵硬. 只能說提示詞要多打一點細節, 可能才會比較貼近想要的樣子.

Illustrator

Figma

Figma 是線上 RealTime 協同設計 prototype 的第一把交椅, 原本目前的專案就都轉到 Figma 了. 他出了 AI 後就很期待, 試用過覺得比前面兩個介紹的都糟糕耶XD

Figma 生圖:

  • 比例: 拉一個矩形框, 點 AI 星星按鈕選 “Make an image”
  • 顏色: 不能調整, 只能打提示文字
  • 下載格式: 點陣圖 PNG, JPG
  • 其他功能: 非生圖的其他 AI 功能可能還比較好用, Rename Layers, Remove background, Rewrite this 等等.

用 Illustrator VS Recraft VS Figma 字詞產生矩形點陣圖, 看到下面如圖結果, 完全圖文不符啊!!!! 建議如果要產圖還是用上面兩個工具, Figma 如果要用 AI 功能, 可以針對文字方面像是 Rename Layers, Rewrite this, Translate 功能會比較好用.

Figma

Illustrator VS Recraft VS Figma

工具比較 Illustrator Recraft Figma
Illustrator Recraft Figma
文生圖 😀 強
細節粗糙, 風格跟不上潮流		 😍 超強
切中主題, 設計風格符合現代		 😡 不推
圖文不符
顏色 😍 超強, 除了設定色調, 色數, 多種預設外, 也可以指定內容類型(場景, 主體, 圖示)等更多細項設定 😀 強, 可設定多個背景色和前景色調, AI 會依據設定的色調生圖 😡 不能調整
下載格式 SVG, PNG, JPG 20B 可下載 SVG 格式
V3 只能 PNG, JPG 格式		 PNG, JPG
其他功能 除了產生向量外, 還能快速填滿圖形, 生成式重新上色. 有自己獨有的功能 除了文生圖外, 還有圖生圖, 文字生圖組 Image Set, 文字加圖的生成… 針對文字方面像是 Rename Layers, Rewrite this, Translate 功能會比較好用

目前雖然 prototype 平常是在 Figma 設計, 但需要向量插圖的時候就會使用 Recraft 生圖下載 SVG 圖檔, 如果只能下載點陣圖, 也可以下載後去 Illustrator 轉成向量圖, 用 Illustrator 做更多顏色的調整變化後, 可以達到更好設計效果, 推薦給大家參考 😉