Skip to content
agentscamp

Design Guides

Guides for designers: Claude Design, Figma-to-code with Claude Code, design-system upkeep, and the AI design tools that fit a working stack.

Guide

Claude Code for Designers: Prototype in Code Without Becoming an Engineer

Why a designer opens a terminal agent, how to set it up safely, connecting Figma, a CLAUDE.md for a design-system repo, and three workflows with prompts.

7m read· Sep 10, 2026· Imtiaz Rayhan
Guide

Claude Design: The Complete Guide (2026)

What Claude Design makes, how it ingests your design system, the three editing modes, every export and handoff, and where it stops. Written for designers.

12m read· Sep 10, 2026· Imtiaz Rayhan
Guide

Anthropic's Design Plugin for Claude: Every Skill Explained

Every skill in Anthropic's open-source design plugin for Claude Cowork and Claude Code, the connectors it expects, the install commands, and what it leaves out.

6m read· Sep 10, 2026· Imtiaz Rayhan
Guide

Claude Skills for Designers: 5 to Upload Today

Five Claude skills for designers: brief, critique, token extraction, component spec, and UX copy review. What each returns, a prompt for each, and upload steps.

6m read· Sep 10, 2026· Imtiaz Rayhan
Guide

Figma to Code with Claude Code and the Figma MCP Server

Connect Figma's MCP server to Claude Code and turn a selected frame into a component that uses your real design tokens and your existing components.

6m read· Sep 10, 2026· Imtiaz Rayhan
Guide

Maintaining a Design System with Claude Code

Tokens, components, docs, and the Figma file drift apart within weeks. A repo layout, CLAUDE.md rules, and three Claude Code jobs that catch it every week.

6m read· Sep 10, 2026· Imtiaz Rayhan
Guide

Which Claude Plan Should a Designer Pay For?

A decision guide by situation: solo prototyping, a team sharing one design system, heavy Design and Cowork use, or an agency. Plan names, no prices.

4m read· Sep 10, 2026· Imtiaz Rayhan