Skip to content

Design

  • Design tokens (colors, spacing, typography) and the Tailwind ↔ Figma sync
  • Shadcn component library conventions
  • UX patterns (loading, empty, error, destructive actions)
  • Accessibility baseline (WCAG AA, keyboard nav, reduced motion)
  • Figma workflow — file structure, naming, MCP-assisted design-to-code

See the Fullstack Cheatsheet → Design section for the current short-form reference.