首页 / 教程

在 Cursor 中从截图设计 UI — 无需 Figma

Builder.io · Builder.io Blog ·

实用的 Design Mode 工作流:将 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资源。