←Claude Design Field Guide

Claude Design Field Guide

Changelog

Version 2.0.0 · 2026-10-06

This edition centers the guide on exploring, refining and reviewing product designs in Claude Design.

Compared with 1.3.0.

  1. Correction or clarification · Orientation; chapters 1 and 2

    Begin with Figma foundations and screens or an existing implementation library.

    Begin with Figma foundations and screens or an existing implementation library.

    The two input routes have distinct ownership and preparation.

    Sources: Source: support.claude.com · Source: eatcaviar.co

  2. Addition · Chapters 3 to 6

    Compare directions, refine with chat, comments and direct edits, then review a connected prototype.

    Compare directions, refine with chat, comments and direct edits, then review a connected prototype.

    Design decisions and people reviewing the result form the main exercise.

    Sources: Source: support.claude.com · Source: bozana.design

  3. Correction or clarification · Chapters 7 to 9

    Finish with a reviewed prototype and usable handoff; choose Code or Figma when the next owner needs it.

    Finish with a reviewed prototype and usable handoff; choose Code or Figma when the next owner needs it.

    Implementation and editable design have separate completion checks.

    Sources: Source: support.claude.com · Source: developers.figma.com

  4. Deprecation or removal · Main narrative; supporting exercise material

    Move package inventories and detailed engineering checks into supporting material.

    Move package inventories and detailed engineering checks into supporting material.

    Readers encounter technical setup when their selected route requires it.

    Sources: Source: support.claude.com

Exercise materials

Velori design exploration exercise

Velori native Figma starter

Native Figma provenance and notices