使用人工智慧進行設計最好是一個循環：你描述，人工智慧起草，你判斷和完善，然後重複。人工智慧能夠快速產生選項。您有責任選擇正確的。
第一步：寫一個簡短的內容。描述使用者、任務、內容和任何限制。 「使用我們現有的元件，為手機上的用戶提供預算應用程式的設定畫面，其中包含帳戶、通知和隱私部分」將比「建立設定頁面」提供更好的結果。
第二步：產生草稿。 Prompt-to-UI 工具（例如 Google Stitch 或 UXPin 的 AI 助理）可將描述或草圖轉換為螢幕。詢問幾個變體並進行比較，而不是接受第一個。
第三步：在設計工具中進行完善。將最佳草稿放入 Figma、Penpot 或其他編輯器中。修復層次結構、間距和複製，並設計人工智慧通常跳過的狀態：載入、清空、錯誤和停用。
第四步：連接代碼。 Claude Code、Cursor等AI編碼工具可以建構介面。當他們可以透過 MCP 伺服器讀取您的設計時，結果會好得多。 Figma和Penpot都有一台。對於互動式和動畫部分，我們製作的 ExodeUI 有一個 MCP 伺服器，可讓 AI 根據簡單語言提示建立和編輯具有狀態和彈簧物理特性的動畫，儲存在應用程式播放的開啟的 .exode 檔案中。
第五步：出貨前檢查。檢查鍵盤和螢幕閱讀器的使用、對比度、減少的運動、小螢幕和大螢幕以及長文字或翻譯文字。將 AI 輸出視為快速但新的隊友的工作：有用，但總是經過審查。