一個下午做出可運作的原型

不是一連串畫面的投影片，而是執行中的應用程式：真實資料、真實狀態，今天就能放到用戶面前的連結。

從一個構思開始

結帳流程

打造一個三步驟結帳原型，包含購物車摘要、送貨表單、以假卡號輸入的付款步驟和訂單確認。

新手引導測試

打造兩個版本的註冊和新手引導流程，加上一個開關隨機讓每位訪客看到其中一個，並記錄他們完成了哪些步驟。

AI 功能概念

打造一個客服收件箱原型，每張工單都顯示建議回覆，使用我存為密鑰的 OpenAI 金鑰。

管理主控台

用範例資料打造一個管理主控台原型，包含用戶清單、搜尋、每位用戶的詳細資料頁，以及停權或變更方案的操作。

把規格變成真東西

帶上你已有的背景資訊，得到一個像最終產品一樣運作的原型。

帶上背景資訊

貼上規格，附上截圖和線框圖，或透過連接的應用程式從 Notion 和 Linear 讀取。

打造出可運作的版本

真實的資料、真實的表單和真實的狀態，原型能回答模型回答不了的問題。

放到用戶面前

分享預覽連結，和用戶一起試用，在兩次測試之間透過聊天修改。

交接出去

這是真正的程式碼：在 Pro 中匯出或同步到 GitHub，工程團隊從一個能運作的版本起步。

團隊在 Mythex 上做哪些原型

新流程

結帳、新手引導和設定流程，包含每個步驟和狀態。

A/B 版本

一個頁面的兩個版本，以及分別展示給不同人的方法。

AI 功能

建議回覆、摘要和聊天，使用你自己的 AI 服務商金鑰。

為什麼在 Mythex 上做原型

真實到足以測試

每個原型都是有資料庫的執行中應用程式，用戶可以點擊、輸入和儲存，你能從他們的實際行為中學到東西。

不發佈也能收集意見

把預覽連結分享給任何人，毋須 Mythex 帳戶。用完就刪除，或等構思站得住腳再發佈。

交付真正的程式碼

這是 React、伺服器和 Postgres。在 Pro 中，匯出項目或同步到 GitHub，工程團隊就能以此為起點。

運作方式

描述需求

用平常的話說出你需要什麼，或從範本開始。

看著它成形

Mythex 撰寫程式碼、設定資料庫，並顯示即時預覽。

發佈

一鍵發佈到公開網址，或只開放給你的團隊。

串接你已在使用的工具

只要連接一次 Google Sheets、Gmail、Slack、Notion、HubSpot 等數百種工具，就能在聊天中說出需求。你的應用程式可以讀寫這些工具的資料，金鑰絕不會出現在程式碼裡。

常見問題

可以使用真實資料嗎？

可以。每個項目都能有自己的 Postgres 資料庫，連接器也能從 Google Sheets 等應用程式讀取資料。先用範例資料，準備好再切換。

如果 AI 做錯了怎麼辦？

告訴它哪裡不對，它就會修正。用規劃模式先對齊做法，用檢查點回到之前的版本。

可以從 Jira、Linear 或 Figma 匯入嗎？

無法直接匯入。把規格文字貼到聊天中，或以圖片形式附上截圖和設計稿，Mythex 會據此打造。

正式打造之前，先測試構思

免費開始，今天就把原型放到用戶面前。