大家好，我是花生~

一年前我向大家介紹過一款 AI 設計工具 Galileo，它是首批提出 “Text to UI” 概念的產品之一，可以根據文本生成高質量的 UI 設計原型，不過產品一直以來都是內測狀態，所以使用范圍不是很廣。最近 Galileo 推出了新的 Galileo 1.0 模型，并對所有人開發測試，今天我們就一起來看看新模型的效果如何。

相關推薦：

Galileo 1.0

Galileo AI 官網： https://www.usegalileo.ai/explore

Galileo 目前主要有兩大功能，通過文本生成 UI 設計和通過圖像生成 UI 設計。官網的 Explore 頁面中有很多用戶生成的 UI 案例，大致翻了一下，這些 UI 設計類型風格豐富，界面元素完整，整體質量很高。

文生 UI 設計功能就在左側的 Text to UI 版塊。據官方介紹，為了解決大語言模型不了解 UI 設計微妙之處這個難題，Galileo 用最新的人工智能技術和行業標準設計原則訓練了一個新的語言模型，經過多次調整，最終讓這個模型能準確理解用戶關于 UI 設計的描述。

為了測試實際效果，我讓 Galileo 設計一個手機音樂 APP 界面，要包含發現、播放、個人、搜索 4 項功能。文本提交后，Galileo 并沒有直接就開始生成，而是先列出了自己對用戶要求的理解，并詢問它的理解是否正確，在用戶確認之后才會開始下一步動作，這樣的交互令人意外又驚喜。UI 素材生成的速度也很快，幾十秒就返回 4 張設計圖像，并且的確是按提示要求生成了 4 種功能界面，Galileo 還會對設計概念和要素進行解釋。

用戶可以直接在當前界面對生成的 UI 進行微調，包括切換白天/暗黑外觀、修改主題色、調整圓角樣式和字體，還能直接復制當前原型到 Figma 中進行更精細的調整，整個流程的操體驗非常流暢。此外我們還可以將生成的界面作為墊圖，配合文本提示詞引導生成新的圖像。

Text to UI 功能已經非常不錯了， 但另一個 Image to UI 功能對設計師來說肯定更合心意，因為它可以讓我們更確控制界面樣式。下面是官方展示的 2 個案例，一個是通過現有的 UI 截圖生成類似的新界面，生成結果與原圖在風格及排版上非常相似；此處還有一個 Variants 功能，可以生成最多 4 種效果，讓設計師有更多的選擇。

另一個則是根據線框圖生成 UI，可以看到 Galileo 生成的界面在布局上很準確地遵循了線框圖的樣式，還進一步對細節進行了優化，比如自動添加了圖標、圖表和用戶頭像，對用戶信息、搜索框功能進行了補充，讓整個 UI 的功能更加完整。在實際的設計工作中，這項功能可以免去設計師很多瑣碎重復的工作，設計的效率將大幅提升。

Galileo 1.0 推出后很快受到了肯定和歡迎，不少 UI 設計師在體驗過后給出了 “游戲規則改變者” 這樣的評價，一位設計師更是用不到 1 小時的時間就完成了一個應用程序所有關鍵界面的設計，而放在之前這一工作至少要好幾天。

Galileo 1.0 為 UI 設計帶來的改變固然令人欣喜，但隨之而來的也有人們對 AI 生成內容的擔憂和警惕。推特網友 @Sebastiaan de With 是一款攝影 APP Halide 的創始人，他讓 Galileo 生成 “適用于蘋果手機的專業攝影 APP” ，結果發現其生成的用戶界面中赫然出現了 Halide 這個名字，而他本人并未向 Galileo 授權這項操作，于是他把問題反饋給 Galileo 并要求解釋。

官方回應稱因為 Galileo 使用的是 OpenAI 的接口，當用戶給出 “生成一款適用于蘋果手機的專業攝影 APP” 這樣的要求后，接口的 ChatGPT 會推薦相關應用，而 Galileo 則將其提供的首個回答作為參考，來生成 UI 界面中需要的內容，這就導致現實世界中存在的品牌名稱并用到了 AI 生成的內容中。

Galileo 官方表示目前正在向網友公開征集類似的問題和情況，評估后會進行相應的改進。而從這一點我們也可以看出，AI 生成的內容是否會侵權依舊是各類 AI 產品必須面對和妥善解決的問題。

Galileo 將自身定位為 "UI 設計領域的 ChatGPT"，公司目前也已經籌集了 440 萬美元的種子資金，由 OpenAI 的第一位外部投資者 Khosla Ventures 領投， 可見其未來還有很大的發展空間，也期待它構建出更多超越基礎自動化的功能，進一步增強設計師的創造力和生產力。

那么以上就是本期為大家推薦的 UI 設計神器 Galileo 1.0，各位 UI 設計師體驗過后感覺如何呢？歡迎在評論區和我分享。想了解更多 AI 繪畫工具的話，歡迎關注 優設 AI 自學網，每天都有最新的 AI 神器及資訊推薦 ~

參考資料：

1. https://www.usegalileo.ai/blog/seed
2. https://twitter.com/ryngonzalez/status/1754925349195153702
3. https://twitter.com/sdw/status/1755108968953954775

推薦閱讀：