Figma

Definition

A popular design app, used in a web browser, where teams draw and share the screens of websites and apps before they're built.

More from Design Tools

• Code Connect

  A Figma feature that links each component in a design to the matching component in your team's code, so Claude reuses those existing pieces instead of writing new look-alikes.

• Design Token

  A named value for a design choice, such as a brand color or a spacing size, that is defined once and reused everywhere, so changing it in one place updates the whole app.

• Design-to-Code

  Turning a visual design, such as a Figma screen, into working code by letting Claude read the design directly instead of you describing it.

• DESIGN.md

  A plain-text file from Google Stitch that describes a design's layout, parts, and styling in words, so Claude Code can read it and carry it between projects.

• Figma Dev Mode

  A view in Figma made for turning designs into code, which shows exact sizes and colors and is where you switch on the Figma MCP server so Claude Code can read what you've selected.

• Frame & Node

  In a design file, a node is any single element, such as a shape or a line of text, and a frame is a node that holds others, often a whole screen.