Tag · 6 guides
MCP
Every guide tagged mcp, sorted by most recent.
WH 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.
UN 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.
CO 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.
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.
FI 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.
SE Set Up Figma MCP for Design-to-Code
Complete guide to configuring the Figma MCP server with Cursor and Claude Desktop. Connect your designs directly to your AI coding tools.