GPT-5.6 進駐 Figma Make:第一版就能跑的原型

OpenAI 最新的 GPT-5.6 已加入 Figma Make,主打第一版就能用的原型:更快、更省 token、撞錯自己修,還能忠實還原 Figma Design 檔。

GPT-5.6 is now available in Figma Make | Figma 官方文章封面

把一句 prompt 丟進 Figma Make,回來的第一版能不能直接用?這件事以前很看運氣。跑出來的畫面常常缺互動、版面在手機上會爆掉,你得再補好幾輪 prompt 才勉強像個原型。Figma 這次把 OpenAI 最新的 GPT-5.6 接進 Make,官方講的重點就一個:first pass 的品質和速度一起往上跳。乾淨的 UI、會隨螢幕縮放的版面、真的能點的互動,一次到位的機率變高了。

對正在學 Figma、想用 AI 加速做原型的人來說,這代表你更常在第一版就拿到一個能往下改的起點,而不是一個要打掉重練的殼。

SOURCE · FIGMA BLOG
GPT-5.6 is now available in Figma Make
With accurate first results and fast iterations, OpenAI’s GPT-5.6 gives your builds a strong start in Figma Make.
By Gui, Design Director for AI · Figma · 2026.07.09
figma.com/blog →
GPT-5.6 IN MAKE · 三個重點
01
更快到可用版
一句 prompt 就能生出可互動的複雜設計,且更省 token
02
撞錯自己修
遇到錯誤不停住,會自查、self-heal,減少來回
03
貼近原設計
從 Figma Design 檔出發,版面、間距、樣式與互動高度還原
目錄
01  從 0 到 1,還能自己修 bug
02  從既有設計出發,原型不走鐘
03  第一版就有的高完成度
——  整體觀察
前言
為什麼 first pass 的品質是關鍵

Make 的價值,在於把「想法」壓縮到「能執行的東西」之間的距離。從草圖到可點原型、甚至到 production code,中間每一輪來回都在花你的時間和 credit。所以第一版離目標越近,後面的成本就越省。

Figma 的內部測試裡,GPT-5.6 在第一次生成就能處理相對複雜的設計。這讓你在一次專注的工作階段裡,可以多探索、多驗證幾個方向,而不是把時間耗在把半成品救活。品質先拉高,迭代自然更輕。

Figma Make GPT-5.6 code build illustration
GPT-5.6 主打第一版就能產出乾淨 UI、可用互動與自適應版面。圖片來源:Figma
01 / 03
從 0 到 1,還能自己修 bug

Figma 常跑一個評測:要模型從零做出一個帶暗色、哥德風格的股票追蹤 app。最近一次執行,GPT-5.6 只用一個 prompt 就生出可互動的儀表板——有範例股價、績效數字,還多做了鍵盤快捷鍵和搜尋,而且比過去更省 token。

更關鍵的是它撞到錯誤時的反應。build 出問題不會直接停住,GPT-5.6 會自己去查、自己修(self-heal)。Figma 舉的例子裡,它抓出一個空白 build 的成因並獨立修好。少了這些反覆來回,你就能待在心流裡,早一點把團隊拉進來一起反應、打磨。

TRY THIS
下次在 Make 裡遇到生成失敗,先別急著重寫 prompt。讓 GPT-5.6 自己 debug 一輪,很多時候它會找出空白畫面或報錯的來源並補上。
02 / 03
從既有設計出發,原型不走鐘

GPT-5.6 特別擅長從既有的東西長出原型——一份 design spec,或一個 Figma Design 檔。Figma 用一個自然音效播放器的設計檔測試:裡面有多軌疊起來的聲音片段時間軸、播放控制,還有帶封面圖的音樂庫。

第一版回來就忠於原設計:版面、視覺層級、間距比例、樣式全部接住了。互動也對——play、pause、skip 都能用,音檔也正確播放。把一張靜態設計變成可互動原型,在 design-to-code 的流程裡因此成了一個可靠的步驟,而不是每次都要碰運氣。

TRY THIS
想讓輸出貼近你的設計,就從 Figma Design 檔或 spec 開始 prompt,而不是純文字描述。GPT-5.6 會把版面、間距、樣式盡量原封搬過去。
03 / 03
第一版就有的高完成度

一個能用的原型需要三件事:像樣的樣式、真的會動的互動、能跨螢幕自適應的版面。Figma 給 GPT-5.6 一個很精簡的 prompt,要它做一個內容量大的電商網站,商品是書架型錄。

第一版回來乾淨又專業,附上商品描述、尺寸、保養說明。互動也全部到位——下拉選單帶著商品資訊、書架的互動相簿、可點的選單。沒有任何額外提示,這個 build 還能可靠地跨螢幕尺寸自適應。第一版越接近成品,團隊就越早能站在同一個起點往上疊。

TRY THIS
驗收 AI 生成的原型,別只看畫面。實際點下拉選單、切換螢幕寬度、測互動——GPT-5.6 的第一版通常這幾項都經得起檢查。
整體觀察
第一版的定位被往前挪了

這次更新真正的份量,在於它把「第一版」的定位往前挪了一步。多一個模型選項是表面,重點是當原型一開始就更接近你腦中的樣子,它就從一個要打掉重練的半成品,變成團隊能一起往上疊的起點。

GPT-5.6 今天起就在 Make 裡,打開模型選單點下去就能用。想深入了解怎麼挑模型、怎麼搭配,Figma 的 help center 有更完整的說明。

When a prototype starts closer to the vision, it’s a launch pad for teams to build on, together.
當原型從一開始就更貼近願景,它就成了團隊一起往上疊的起跳台。
— Gui, Design Director for AI, Figma
重點整理
GPT-5.6(OpenAI 最新模型)已進駐 Figma Make,模型選單即可切換
主打第一次生成就有更高的品質與速度,且更省 token
遇到錯誤會自我 debug、self-heal,減少來回打斷心流
從 Figma Design 檔/spec 出發時,版面、間距、樣式與互動高度還原
精簡 prompt 也能產出跨螢幕自適應、互動可用的完整原型
RAR 設計攻略 · 課程
Figma 全攻略
AI 生成原型跑得快,前提是你的 Figma 底子夠穩。從 component、variables、Auto Layout 到 design-to-code,一次把地基打起來,才接得住 GPT-5.6 這類工具。
開始學 →
訂閱制 · AIWAKEN
AI 覺醒設計應用攻略
每天追最新 AI 設計工具太累?交給訂閱制。Figma、Adobe、Claude 的新功能拆解與實戰應用,一站補齊,讓你把工具真的用進日常工作流。
了解方案 →