對設計師來說，Cursor 是什麼。
Cursor 是內建 AI agent 的程式碼編輯器：在對話中描述你想要的東西，它就會幫你撰寫並編輯眼前的檔案。對設計師來說，這代表你得到的是可運作的原型，而不是靜態的 mockup — 真正的 HTML 和 CSS，可以在瀏覽器中開啟、調整大小並直接交付。Hobby 方案免費；Pro 方案每月 $20。
安裝並開啟一個專案。
- 從 cursor.com 下載並安裝 Cursor — 提供 macOS、Windows 與 Linux 版本。
- 登入或建立帳號；免費的 Hobby 方案不需要信用卡。
- 開啟一個資料夾 — 可以是既有專案，也可以是空資料夾，用來做原型。
- 打開對話面板，問一個簡單的問題，確認 agent 有回應。
加入兩個免費設計小工具。
兩者都是這個商店提供的免費下載項目，各只需要花一分鐘加入。
- Responsive Preview command — 一個 /responsive-preview slash command，會在手機、平板與桌機寬度為你的頁面截圖，並在對話中回傳 pass/warn/fail 的版面檢查結果。
- Ghost Wireframe skill — 產生具有一致 ghost 角色的骨架 UI wireframe，讓你在上樣式前先把版面框出來。
跑一次你的第一輪設計檢查。
- 開啟你專案中的一個頁面 — 或請 agent 幫你搭一個簡單的頁面。
- 對它執行 /responsive-preview 指令。
- 閱讀檢查結果：溢出、太擠的點擊區域，以及斷點問題都會標示為 warn 或 fail。
- 請 agent 修正未通過的項目，再重新執行一次指令。
費用是多少。
Hobby 方案免費，但 agent 請求次數有限 — 足夠用來熟悉這款編輯器。Pro 方案每月 $20，提升 agent 使用額度，並加入前沿模型與雲端 agent，這正是日常原型設計工作會用到的部分。如果你決定升級到 Pro，可以使用這個 Cursor 推薦連結，第一個月享 5 折優惠。更多細節請見Cursor 對設計師來說值得嗎？
什麼時候 Cursor 不是對的工具。
如果你完全不想接觸程式碼 — 情緒板、視覺探索、客戶 mockup — 設計工具會比任何編輯器更適合你。而如果你的目標是一個上線的單頁網站，而不是原型，Carrd 版型不用打開編輯器就能達成。