国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

本文以「旅行App」為例，手把手演示如何用AI+設(shè)計(jì)工具組合拳，將原型設(shè)計(jì)效率提升10倍！

“畫原型”是產(chǎn)品經(jīng)理的經(jīng)典痛點(diǎn)——邏輯要嚴(yán)謹(jǐn)、交互要清晰、UI要美觀，耗時堪比前端開發(fā)。CursorAI的工具出現(xiàn)，正掀起變革：它一句提示詞，就可以完成一整個App的原型。

第一步：編寫提示詞

要讓Cursor從0生成原型稿，Cursor需要充當(dāng)三個角色：

1. 角色一：作為產(chǎn)品經(jīng)理梳理需求，設(shè)計(jì)功能；
2. 角色二：作為UI設(shè)計(jì)師根據(jù)產(chǎn)品經(jīng)提出的需求完成頁面UI設(shè)計(jì)；
3. 角色三：作為前端工程師 ，代碼實(shí)現(xiàn)UI頁面。

所以提示詞也遵循這個設(shè)計(jì)。

現(xiàn)在我要開發(fā)一個旅行app，根據(jù)三個角色設(shè)計(jì)提示詞如下：

我想開發(fā)一個旅行app要輸出原型圖，請通過以下方式幫我完成app所有原型頁面的設(shè)計(jì)。

1、作為產(chǎn)品經(jīng)理先設(shè)計(jì)出這個app實(shí)現(xiàn)哪些功能

2、作為UI設(shè)計(jì)師完成這些原型界面的設(shè)計(jì)

3、使用html在一個界面上生成所有的原型界面，使用Tailwind CSS創(chuàng)建高保真UI原型，可從Unsplash獲取圖片素材，使用FontAwesome等開源圖標(biāo)庫，讓原型顯得更精美和接近真實(shí)

4、我希望這些界面可直接用于項(xiàng)目開發(fā)

第二步：Cursor實(shí)現(xiàn)需求到原型

Cursor選擇Agent模式，模型使用Claude 3.7 sonnet，點(diǎn)擊執(zhí)行，可以看到正在幫我們設(shè)計(jì)功能，生成代碼

生成效果如下：

第三步：Figma優(yōu)化原型

如果生成的原型需要修改或優(yōu)化，可將html文件導(dǎo)入Figma后進(jìn)行編輯、優(yōu)化。

創(chuàng)建設(shè)計(jì)稿

搜索并引用插件：html.to.design

導(dǎo)入html

編輯原型

總結(jié)

“當(dāng)Cursor的‘AI生成力’遇上Figma的‘設(shè)計(jì)表現(xiàn)力’，產(chǎn)品經(jīng)理的原型設(shè)計(jì)流程正在被重構(gòu)：前半程用自然語言快速搭建框架，后半程用精細(xì)化組件打磨體驗(yàn)。這種組合不僅節(jié)省了50%的重復(fù)勞動，更讓‘需求-原型-開發(fā)’的三角閉環(huán)真正流動起來。未來，AI的智能與人類的創(chuàng)造力結(jié)合得更好。