make real • tldraw

Draw a ui and make it real with tldraw.

makereal.tldraw.com

AAPD 設計大補帖

tldraw 原本是一個協作白板的工具，它推出了一個新功能叫做 "Make Real”，它可以將你畫的草圖直接轉變為真實的畫面，同時，還提供實際可用的程式碼讓工程人員可以直接參考，讓「靈感 → 實際變現 → 開發」的流程，可以在 5 分鐘之內就完成，但在使用之前要先申請 OpenAI API keys，下方有申請步驟可以參考，一起來用這個神奇的魔法工具將想法落地實現！

OpenAI API keys 申請步驟：

1. 登入 OpenAI
2. 點擊左側欄位「Settings > Billing settings」
3. 充值 5 usd
4. 點擊左側欄位「APIkeys」
5. 點擊「+ Create new secret key」
6. 到 tldraw 貼上剛剛複製的 secret key

延伸補充：tldraw docs