輸入需求描述詞,然後網頁就做好了..?😳
AI 技術在今年於語言模型、運算繪圖等領域都占盡了版面,而就如我們去年底預期的一樣,在接下來就輪到設計領域登場;AI 今年上半年就帶了許多功能性的突破,連最近被全世界設計師玩壞的 Adobe Photoshop beta 功能 Generative Fill 生成填色,也不過只是 Adobe Firefly 的冰山一角而已。
而除了平面設計之外,網站和 UI 也都是下個受到矚目的 AI 內容生成重點發展,就像之前介紹過的 Autodesigner,Framer 這次發佈的 Framer AI 可以透過 prompt 生成 UI 介面,並且產生能夠互動的網頁,不需要去做設計,也不用寫一行程式。
Framer AI 今天熱騰騰新發表
在發佈影片中我們可以看到 Framer 將 Framer AI 功能內建在其介面原型設計的軟體裡,在需要的時候能夠直接呼喚 AI 來幫忙,而我們可以做一個美術總監角色,來決定網頁設計的樣子。
除此之外還有幾個有趣的功能,像是在 AI 生成網頁之後,點擊 Shuffle(洗牌)就可以置換不同的配色方案和字型,以及透過 OpenAI 技術產生網頁內文文案,比起既有的 UI 流程假文假字來說,原型完成度相當高。
實際體驗 Framer AI
而且現在就可以試玩了!到 Framer AI 網站按下 Start with AI 後,就可以快速註冊一個 Framer 帳號來用。
進到 Framer 的專案頁面,就可以透過輸入 Prompt 描述詞來讓 AI 生成出 UI 介面設計稿,而且是 RWD(電腦、平板、手機)三種尺寸同時產生,連同UI 和文案一起出現,那畫面看起來非常美好。
如果已經操作過類似 Figma 這樣的 UI 設計軟體,會發現基本上介面都大同小異,對設計師來說沒什麼上手的學習門檻,所以在調整編輯物件上也是相當容易。
而這些都不僅僅是 UI 設計稿而已,當我們按下右上角的 Publish 之後,就會產生一個網頁連結,是個能夠實際瀏覽上線的網頁。
在 Framer AI 使用後
記得在 2018 年的時候,我們也搶先介紹過 Framer X,那也是個 Framer 新推出的原型設計軟體,追求做出超高還原度的 UI 原型,在設計師交付給工程師的同時,是能夠繼續接續開發的。
不過那在操作上的難度不同於那時候流行的 Sketch 或 Adobe Xd,仍需要一些 Code 的程式撰寫能力,才能夠做出可以實際運作的 Prototype,所以對不少設計工作者來說,Framer X 不是一個能夠立即用在工作流程上的軟體。
而今天 Framer 新的 Framer AI 除了不需要過多的 Coding 能力之外,也不是一個「全新」的軟體,而是就跟 Adobe 軟體面對 AI 工具的態度一樣,是將這些跟鬼一樣的黑科技納入麾下,收進既有的軟體 Framer 裡面,成為一個又新又酷的功能。
因此我們不用去下載和學習什麼新軟體,而是能夠抱著試試看的心情,去使用 Framer 並體驗 Framer AI,在不需要程式和設計能力的前提下,用幾分鐘的運算時間,得到一個想要的網頁。
作為一個剛發表就能用的 AI 工具,我覺得 Framer AI 在「AI 一鍵做網頁」的完成度已經頗高了,再接下來如果能許願的話,希望可以先來個繁體中文支援吧!期待未來有更多有趣的功能或軟體出現。
最後,想與你分享最近正在籌備的新 AI 設計線上課程[AI 覺醒!UI 設計詠唱學]目前正在問卷招募中!如果也對 AI 應用和 UI 設計有興趣,請協助我填寫~會收到開課通知以及三百元的課程折價券。
感謝你的閱讀,我是設計師 Riven,下次見啦~