Tag · 6 guides

MCP

Every guide tagged mcp, sorted by most recent.

What Is an Agentic Design System? (Part 1)

Part 1 of the Agentic Design Systems series, based on Romina's IDS 2026 talk. A design system built for AI agents, not just humans. Stops hallucination before it ships.

advancedSign up to read

Understand MCP in 10 Minutes (and Why It Changes Your AI Setup)

The one protocol that lets AI read your Figma, GitHub, and docs directly. A plain-English explainer for designers, with examples of what it unlocks in real work.

beginnerSign up to read

Connect Your Figma Designs to Claude and Cursor

Stop copy-pasting screenshots into AI. Set up Figma Dev Mode MCP so Claude and Cursor can read your designs directly, then ship code that actually matches your file.

intermediateSign up to read

PRO

Build Your Own MCP Server for Your Design System

Stop pasting token tables into prompts. In about 100 lines of TypeScript, give every AI tool on your team live, queryable access to your tokens and components, and a lint tool that maps raw values back to the system.

advanced·60 minSign up to read

PRO

Browser Automation for Design QA

Delegate the mechanical parts of design QA to an AI agent that drives a real browser. Token usage, contrast, dark mode, responsive, and focus state checks that run on every PR without you clicking through every page.

intermediateSign up to read

PRO

Figma to Code with MCP

End-to-end workflow for converting Figma designs to production code using MCP servers. From design to implementation in minutes, not hours.

advanced·30 minSign up to read

All guides