簡要想法
AI 不再只是設(shè)計(jì)中的未來附加組件，它正成為現(xiàn)代團(tuán)隊(duì)工作方式的重要組成部分。本文探討了如何將 AI 引入結(jié)構(gòu)化設(shè)計(jì)環(huán)境，在這種環(huán)境中，協(xié)作、系統(tǒng)和代碼質(zhì)量至關(guān)重要。從快速跟蹤線框圖和原型，到引導(dǎo)用戶選擇 Lovable 和 Figma Make 等工具，本文清晰地展現(xiàn)了 AI 在當(dāng)今真正增值的地方，以及如何為未來構(gòu)建流暢性。
AI 設(shè)計(jì)已不再新鮮——它正迅速成為現(xiàn)代設(shè)計(jì)師工作方式的關(guān)鍵組成部分。在本文中，我將探討當(dāng)今的工具如何提供真正的價(jià)值，它們?nèi)绾稳谌氍F(xiàn)有的工作流程，以及如何開始構(gòu)建 AI 增強(qiáng)型實(shí)踐。
重點(diǎn)不僅僅在于單獨(dú)的工作流程或華麗的演示——而在于如何將人工智能巧妙地引入結(jié)構(gòu)化環(huán)境，特別是在更廣泛的組織中已經(jīng)存在協(xié)作、設(shè)計(jì)系統(tǒng)和開發(fā)流程的地方。
言歸正傳：目前最明顯的優(yōu)勢在于原型設(shè)計(jì)和布局生成。得益于全新的 AI 工具，設(shè)計(jì)成果不再需要從零開始構(gòu)建。您可以在幾分鐘內(nèi)生成可用的布局，從而加速“暢想”階段，并使團(tuán)隊(duì)能夠快速探索、溝通和完善創(chuàng)意。
雖然手繪草圖和灰度線框圖仍然有其用武之地，尤其是在頭腦風(fēng)暴或高度定制的概念設(shè)計(jì)中，但如今的人工智能工具能夠提供可點(diǎn)擊、可測試的輸出，讓它們感覺就像數(shù)字產(chǎn)品的真實(shí)原型一樣。我經(jīng)常用我的草圖來引導(dǎo)新的人工智能線程來實(shí)現(xiàn)目標(biāo)。這些輸出高度可定制，并支持快速迭代，使其成為早期探索、反饋和團(tuán)隊(duì)協(xié)調(diào)的寶貴工具。
話雖如此，對于需要托管平臺的企業(yè)來說，當(dāng)今 AI 工具的輸出本身還無法直接投入生產(chǎn)。它們?yōu)檫M(jìn)一步的改進(jìn)和開發(fā)提供了堅(jiān)實(shí)的基礎(chǔ)，但仍需要具備可訪問性并與業(yè)務(wù)系統(tǒng)保持一致。我將在本文中逐一闡述這些問題，并提出如何從當(dāng)今的 AI 設(shè)計(jì)技術(shù)中獲取價(jià)值，以及在不久的將來可以期待什么。
隨著越來越多的 AI 設(shè)計(jì)工具進(jìn)入市場，評估它們的差異至關(guān)重要，這不僅體現(xiàn)在輸出結(jié)果上，還體現(xiàn)在它們?nèi)绾闻c實(shí)際工作流程集成。下面的比較重點(diǎn)介紹了這些工具在不同團(tuán)隊(duì)（從個(gè)人設(shè)計(jì)師到規(guī)?；a(chǎn)品組織）中的可用性關(guān)鍵特性。
今年早些時(shí)候，我和我的團(tuán)隊(duì)測試了幾款新興的AI設(shè)計(jì)工具——UX Pilot、Vercel v0和Lovable——以了解它們在結(jié)構(gòu)化設(shè)計(jì)環(huán)境中的實(shí)際價(jià)值。我們發(fā)現(xiàn)它們出奇地容易上手，界面直觀，設(shè)計(jì)師可以在幾小時(shí)內(nèi)上手。然而，我們的測試揭示了兩種截然不同的方法，以及一個(gè)關(guān)鍵的行業(yè)差距。
59% 的開發(fā)者使用 AI 完成代碼生成等核心開發(fā)任務(wù)，而只有 31% 的設(shè)計(jì)師在素材生成等核心設(shè)計(jì)工作中使用 AI。AI 的代碼生成能力也很可能正在發(fā)揮作用——68% 的開發(fā)者表示他們使用提示來生成代碼，82% 的開發(fā)者表示他們對最終結(jié)果感到滿意。簡而言之，開發(fā)者越來越普遍地發(fā)現(xiàn) AI 在日常工作中發(fā)揮著重要作用，而設(shè)計(jì)師仍在努力確定這些工具如何以及是否最適合他們的流程。
— Figma（4 月）2025 年 AI 報(bào)告：來自設(shè)計(jì)師和開發(fā)人員的觀點(diǎn)。
然后 Figma 改變了一切。
2025 年 5 月，F(xiàn)igma 推出了Make，這項(xiàng)原生 AI 功能可以繞過我們之前發(fā)現(xiàn)的集成障礙。與我們之前測試的第三方工具不同，F(xiàn)igma 的方法直接利用現(xiàn)有模式和團(tuán)隊(duì)工作流程。Make 可以在您現(xiàn)有的 Figma 環(huán)境中將提示轉(zhuǎn)換為功能原型。
這一轉(zhuǎn)變驗(yàn)證了我們的測試結(jié)果：最成功的人工智能應(yīng)用不是來自最復(fù)雜的獨(dú)立工具，而是來自在現(xiàn)有設(shè)計(jì)操作中發(fā)揮作用的解決方案。
對于設(shè)計(jì)師來說，自然而然的選擇似乎是留在 Figma 中，由 Anthropic 提供支持。我之所以喜歡 Anthropic，是因?yàn)樗纳虡I(yè)敏銳度使其成為一種創(chuàng)意資源——它能夠在關(guān)鍵之處創(chuàng)造價(jià)值：早期創(chuàng)意的生成，快速地在布局中表達(dá)，用于概念驗(yàn)證/問題解決。
在我的工作流程中，我發(fā)現(xiàn)它可以成為一種非常順暢的加速器——只需在平臺上操作，易于學(xué)習(xí)。雖然這項(xiàng)技術(shù)還很新，我還沒有完善我的提示技巧，但早期測試對我來說非常有希望。我估計(jì)設(shè)計(jì)師們會持續(xù)采用它，而 Figma 可能是扭轉(zhuǎn)設(shè)計(jì)師不再使用 AI 工具這一趨勢的關(guān)鍵。
對于評估這些工具的企業(yè)團(tuán)隊(duì)來說，區(qū)分獨(dú)立功能和運(yùn)營集成至關(guān)重要。雖然 UX Pilot 和 v0 等早期工具對于特定用例仍然很有價(jià)值，但圍繞設(shè)計(jì)系統(tǒng)進(jìn)行的平臺整合表明，架構(gòu)成熟度（而非工具復(fù)雜度）將決定 AI 應(yīng)用的成功。
盡管 AI 設(shè)計(jì)工具優(yōu)勢顯著，但它們?nèi)匀恍枰罅康娜斯ね度氩拍芘c實(shí)際產(chǎn)品工作流程保持一致。對于在結(jié)構(gòu)化設(shè)計(jì)系統(tǒng)、標(biāo)記化庫或受管控的組件集內(nèi)運(yùn)作的團(tuán)隊(duì)而言，AI 輸出可能需要重建或重構(gòu)，才能在生產(chǎn)環(huán)境中進(jìn)行擴(kuò)展。
常見問題可能包括：
雖然 Figma 的 AI 功能等平臺原生工具通過在現(xiàn)有設(shè)計(jì)系統(tǒng)內(nèi)工作減少了一些集成摩擦，但細(xì)化、可訪問性和生產(chǎn)準(zhǔn)備的基本挑戰(zhàn)仍然存在。
此外，要獲得最佳結(jié)果，需要開發(fā)有效的提示技能，并使其可重復(fù)使用——本質(zhì)上是學(xué)習(xí)每個(gè)人工智能工具響應(yīng)最佳的“語言”。
底線：人工智能可以完成初步布局，但精細(xì)化、合理的結(jié)構(gòu)和緊密的集成仍然需要人類的專業(yè)知識。即使集成路徑有所改進(jìn)，設(shè)計(jì)判斷和系統(tǒng)性思維仍然不可替代。
與其指望 AI 工具能夠提供完美、可立即投入生產(chǎn)的成果（尤其是在企業(yè)級領(lǐng)域），不如將其視為動(dòng)力的加速器——能夠開啟思考、布局和協(xié)作的早期階段。無論是通過第三方集成還是平臺原生功能，其核心價(jià)值始終如一。
當(dāng)前的局限性并不會使人工智能失效——除非我們重新定義它目前最有價(jià)值的地方。如果在現(xiàn)有的設(shè)計(jì)實(shí)踐中運(yùn)用得當(dāng)，它的價(jià)值將會成倍增長。
在結(jié)構(gòu)化系統(tǒng)和沖刺周期內(nèi)工作的設(shè)計(jì)團(tuán)隊(duì)可以在不中斷核心流程的情況下開始集成 AI。一個(gè)切實(shí)可行的切入點(diǎn)是先在早期交付成果（例如線框圖、布局基礎(chǔ)或初始原型）上進(jìn)行低風(fēng)險(xiǎn)試點(diǎn)。
通過這種方式，AI 并非取代設(shè)計(jì)師，而是增強(qiáng)了他們的能力。通過加速基礎(chǔ)結(jié)構(gòu)的創(chuàng)建，AI 可以騰出時(shí)間進(jìn)行更高層次的思考。更少的設(shè)計(jì)周期意味著更少的流失，從而帶來更完善的測試和更具彈性的產(chǎn)品。關(guān)鍵在于結(jié)合傳統(tǒng)工作流程來評估結(jié)果，并利用這些洞察來指導(dǎo)更智能、更廣泛的應(yīng)用。
提示 AI 布局工具并不意味著要寫出一句完美的句子——而是一個(gè)迭代的設(shè)計(jì)對話。你可以從廣泛的內(nèi)容入手，然后通過一系列提示逐步完善布局，就像指導(dǎo)初級設(shè)計(jì)師一樣。
你可能會說：
→“創(chuàng)建一個(gè)包含英雄頁面和產(chǎn)品卡片的營銷主頁。”
→“使英雄頁面全寬。”
→“添加推薦部分。”
→“嘗試側(cè)邊欄布局。”
人工智能在創(chuàng)意自由或輕松有序的指導(dǎo)下表現(xiàn)最佳。過多的詳細(xì)、一體化的指令會干擾結(jié)果。相反，應(yīng)該將請求分解成更小、可操作的步驟，直到達(dá)到預(yù)期結(jié)果。
現(xiàn)在許多工具都支持多模式輸入，擴(kuò)展了您可以輸入到 AI 中的內(nèi)容：
平臺優(yōu)勢：像 Figma Make 這樣的平臺原生工具操作方式有所不同——它們可以直接從 Figma 文件中讀取你現(xiàn)有的視覺樣式和模式。這意味著提示功能更多地是在你既定的視覺環(huán)境中完善設(shè)計(jì)決策，而不是從零開始。
無論您使用的是獨(dú)立工具還是平臺原生功能，提示仍然是一項(xiàng)核心設(shè)計(jì)能力。與任何技能一樣，它隨著實(shí)踐而提升——并且它已經(jīng)塑造了我們與這些新工具的協(xié)作方式。將提示融入到團(tuán)隊(duì)的工作流程中，將有助于他們提升技能，迎接下一波 AI 輔助設(shè)計(jì)技術(shù)浪潮。
如果您正在嘗試使用 AI 工具，以下實(shí)用標(biāo)準(zhǔn)可以幫助您構(gòu)建評估：
2025 年，形勢的變化速度遠(yuǎn)超我們許多人的預(yù)期，一些預(yù)測已經(jīng)成為現(xiàn)實(shí)。與其試圖預(yù)測確切的時(shí)間線，不如看看實(shí)際正在發(fā)生的事情，以及這些事情對當(dāng)今決策團(tuán)隊(duì)可能意味著什么。
我們看到人工智能工具與設(shè)計(jì)工作流程連接的方式多種多樣，每種方式都有其優(yōu)缺點(diǎn)：
Figma 的 Make 原生支持其平臺生態(tài)系統(tǒng)。像 Figma 的 MCP 服務(wù)器這樣的基于協(xié)議的連接則提供了一種不同的方法——你的編碼工具可以通過標(biāo)準(zhǔn)化接口與你的設(shè)計(jì)文件進(jìn)行交互。
團(tuán)隊(duì)最終可能會混合使用多種方法，而不是只選擇一種方法。問題在于哪種方法更適合您的特定限制和工作流程需求。
如果您正在評估 AI 設(shè)計(jì)工具，那么技術(shù)能力可能不如它們與您現(xiàn)有運(yùn)營的契合度更重要。我的感覺是，擁有組織良好的設(shè)計(jì)基礎(chǔ)的團(tuán)隊(duì)可能具有優(yōu)勢，但最實(shí)用的方法仍然是從小處著手，并建立組織流暢性，正如我在本文前面所建議的那樣。
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.gcdaj.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gcdaj.cn