104學習

Prototype

Prototype
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
在職場上,指的是將想法快速做出初步模型或樣品的能力,目的是讓團隊能直觀理解概念,並及早發現問題或改進空間。這項技能有助於縮短開發時間、降低成本,並促進跨部門溝通與協作。無論是產品設計、軟體開發還是服務流程優化,都非常實用。具備這能力的人,通常具備創意思維與實作力,能有效推動專案進展。
關於教室
關注人數 13 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 13 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

Prototype 學習推薦

Trulli Wu

產品主管

4小時前

畫圖不再是難事!Google Stitch 讓你「用說的」一鍵生成 UI 介面,打破設計高牆
什麼是 Google Stitch?用嘴巴就能「畫」出 App 的 AI 設計神器 🎨
傳統的網頁或 App 開發流程中,最耗時的就是「把想法變成視覺畫面」的階段。產品經理(PM)或創業者要先畫出密密麻麻的線框圖(Wireframe),再交給 UI 設計師精修,溝通成本高得嚇人。
Google 推出的 Stitch(stitch.withgoogle.com)就是為了徹底終結這個痛點。它是一套由 Google Gemini 驅動的 AI 原生設計畫布。
它最狂的地方在於:你不需要會畫畫,也不需要懂複雜的設計工具。 你只需要用簡單的文字(例如:「幫我做一個健身 App 的會員登入頁,要有進度條、深色模式」),甚至直接用說的(Voice Canvas 功能),Stitch 的 AI 設計助理就會「即時」在無限畫布上幫你把高質感的 UI 介面、互動原型(Prototype)直接生成出來。
為什麼你需要懂它?三大受眾的黃金應用價值
這款產品不是只給設計師用的,它真正的價值,是全面解放「非設計背景」的專業工作者:
1. 專業工作者 / 產品經理(PM):告別靈魂畫手,溝通效率提高 10 倍 🧠
痛點: 腦中有很棒的產品想法,但每次畫出來的草圖都很像小學生作品,跟工程師或老闆溝通像在雞同鴨講。
Stitch 的價值: 以前開會前準備原型要花好幾天,現在你可以一邊和團隊討論,一邊對著 Stitch 下指令微調介面(「把按鈕變圓一點」、「這裡加上搜尋欄」)。Stitch 還能自動生成「點擊後的下一個邏輯畫面」,自動幫你把使用者旅程(User Journey)串起來。這讓 PM 在敏捷開發、Sprint 計畫時,能用最低的成本與團隊達成 100% 的視覺共識。
2. 求職 / 轉職者:履歷作品集「速成外掛」 🚀
痛點: 想轉職做產品經理(PM)、數位行銷或獨立開發者,但作品集裡沒有拿得出來的 App 或網頁原型。
Stitch 的價值: 它是轉職者展現「產品思維」的終極利器。你可以把你想做的 side project 想法餵給 Stitch,在幾分鐘內產出整套精美的 UI 介面。更厲害的是,它支援「一鍵匯出到 Figma(帶有命名圖層與自動佈局)」,甚至能產出 HTML/CSS 程式碼。在履歷上寫出自己能熟練運用 Google Stitch 進行敏捷原型設計,絕對會讓面試官眼睛一亮。
3. 外包接案者:用「超音速」提案,提高結案率與報價 💰
痛點: 客戶需求講得不清不楚,花幾天做好的提案不對客戶胃口,白白浪費時間。
Stitch 的價值: 在跟客戶初步諮詢時,你可以直接打開 Stitch,上傳客戶給的參考截圖或隨手畫的草圖(Stitch 支援草圖轉 UI 結構)。一邊講、一邊對著 AI 下指令,在 30 分鐘內現場把「設計雛形」做出來給客戶看。這種「即時回饋」的超專業提案力,不僅能讓你在競標中脫穎而出,更能直接把客戶的黏著度牢牢鎖定。
結語:AI 時代,懂「氛圍設計(Vibe Design)」才是贏家
在 Google Stitch 誕生後,設計的門檻已經被降到了最低。未來職場拉開差距的關鍵,不再是你會不會拉 Figma 的線條,而是你有沒有好想法,以及能不能用精準的邏輯引導 AI 產出你要的結果。現在就登入 stitch.withgoogle.com,開始用你的嘴巴「說」出你的第一個軟體設計吧!
Google Stitch
看更多
0 0 19 0

熱門精選

104學習

產品

05/19 10:12

用 AI 把巴黎鐵塔變成「建築拆解資訊圖」的簡易教學 (含ai提示詞)
最近在 Pinterest、Instagram、小紅書上,開始流行一種很特別的建築圖片風格。
它不是一般旅遊照加濾鏡,也不是單純把照片變成插畫。
而是把整棟建築拆成像「建築博物館海報」一樣的分析圖。
例如巴黎鐵塔 除了保留原本外觀,還會把:塔尖、鋼構、觀景台、支撐結構、基座一層一層拆開。
旁邊甚至還會搭配:平面圖、剖面圖、材料分析、色彩分析、結構節點
整體看起來很像建築系展板,也有點像博物館裡的工程圖解。
而現在,這類圖片其實不用會 3D 建模,只靠 AI 就能做出來。
如果是第一次玩,
其實 ChatGPT 就很好上手。
因為它對:中文理解、建築資訊圖、海報版面相對穩定。
其實照片比 Prompt 更重要
很多人會一直修改 Prompt。
但實際上,
照片品質往往影響更大。
建議盡量使用:
◆正面角度
◆建築完整入鏡
◆白天清楚光線
◆不被樹遮住
◆遊客不要太多
AI 才比較容易理解整體結構。
※ 巴黎鐵塔版 Prompt(簡易版)
下面這段其實就能直接使用。搭配建築照片丟進 AI 工具即可
========================================================
請基於巴黎鐵塔照片,生成一張專業建築拆解資訊圖。
將巴黎鐵塔轉化為「爆炸軸測建築分析圖(Exploded Axonometric Diagram)」。
保留巴黎鐵塔真實比例、鋼構細節、觀景平台、塔身結構與基座。
將建築由上至下分層拆解:
◆天線系統
◆塔尖結構
◆上層觀景平台
◆中段鋼構
◆第一層平台
◆四腳支撐結構
◆基座與地基
◆周邊場地
畫面四周加入:
◆正立面圖
◆側立面圖
◆剖面圖
◆結構分析
◆材料分析
◆色彩分析
◆鋼構節點放大圖
◆工程標示與比例尺
整體風格為:
博物館級建築資訊圖
建築教材海報
工程製圖風格
白色背景
精密細線稿
淡彩渲染
高細節
低飽和配色
專業建築排版
文字全部使用繁體中文。
避免:
照片風格
科幻風
漫畫風
雜亂背景
AI錯誤結構
不合理透視
===================================================
不只巴黎鐵塔能玩 其實很多建築都很適合。例如教堂、古堡 、現代建築、現代建築等
一起動手試看看吧 !
看更多
1 0 845 0
你可能感興趣的教室