首頁 / 教學

在 Cursor 中從截圖設計 UI — 無需 Figma

Builder.io · Builder.io Blog ·

實用的設計模式工作流:直接將 Dribbble、Mobbin 或 Pinterest 的參考貼到 Agent 聊天中、釘選設計系統規則文件,迭代打磨組件,無需開啟 Figma。

發布者摘要

A screenshot-driven Design Mode workflow: paste references from Dribbble, Mobbin or Pinterest into Agent chat, pin a design-system rule, and iterate to a polished component with no Figma involved.

文章結構

  • When screenshots beat Figma
  • Pasting references into Agent chat
  • Pinning a design-system rule file
  • Iterating on spacing and hierarchy
  • Verifying with the browser tool

Source: Builder.io Blog

閱讀原文 內容託管在原發布者的網站上。
由 Cursor-Design 社群精選,作為用 Cursor 做設計的developer資源。