Workshop: An Intro to Figma + Claude Code
This is a beginner-friendly introduction to a modern, AI-augmented design workflow, no coding or terminal experience required. We’ll explore how Claude Code connects directly to Figma, letting you move faster from idea to screen without the guesswork of traditional design-to-development handoff.

Using a simple MCP (Model Context Protocol) connection, Claude can read your actual Figma files components, layout, color tokens, and more and respond to plain-language prompts. Ask it to describe your design, generate CSS that matches your specs, or scaffold a new layout from scratch. You stay in the designer’s seat; Claude handles the translation work.

The session wraps with a hands-on workshop where you’ll build a simple mobile app home screen, using AI to scaffold the structure while you make the design decisions.

What you’ll walk away with:

• A working Claude Code + Figma connection

• A clearer picture of how AI fits into a real design process

• A completed mobile UI screen built with AI assistance

Where:

• Instrument 2035 NW Front Ave, Suite 600, Portland, OR 97209, USA

When:

• Saturday, June 13th, 10 am - 12 pm

  • Doors open at 9:45am

What you’ll need to participate:

• Figma Desktop App — free to download at figma.com. A free Figma account is sufficient, though a paid plan removes some MCP usage limits.

• Claude Desktop App — free to download at claude.com/download (macOS and Windows only).

• A paid Claude account — Pro ($20/month) or Max ($100/month). The free tier does not include access to Claude Code. If you’re not sure which plan is right for you, Pro is sufficient for this workshop.