ホーム / チュートリアル

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 でのデザインに関する developer のリソースとして、Cursor-Design コミュニティ向けに厳選しました。