AI-Powered Figma Design Reviews with Cursor MCP: Step-by-Step Workflow + Full Report Export

Описание: Turn your Figma files into actionable design review reports using AI. In this tutorial, I show my complete workflow using Cursor IDE custom modes + the Figma MCP integration to automate design critiques and generate a comprehensive Markdown report.

What you’ll learn:

Setting up Cursor custom modes (model, tools, permissions)
Installing and authenticating the Figma MCP (PAT or in-app auth)
Crafting a powerful custom prompt for design reviews
Running a full-screen audit (auto-screenshots + clarifying questions)
Generating an executive summary, scores, prioritized fixes, and references
Saving a clean MD report you can share with founders, PMs, devs, and designers

Why it’s useful:

Replaces tons of manual feedback calls
Surfaces issues users often miss (accessibility, IA, micro-interactions)
Produces prioritized, actionable recommendations with timelines

Tools/requirements:

Cursor IDE (free or paid)
Figma Dev seat ($15/month) for MCP access
Claude Sonnet 4.5 (thinking mode recommended)

Chapters:
0:00 Intro & use case
1:12 Requirements and costs
3:05 Enable Cursor custom modes
4:20 Install Figma MCP + auth
6:15 Configure agent tools & permissions
8:30 Paste Figma URL & run review
10:05 Auto-screenshots and clarifying questions
12:10 Report structure (scores, priorities, references)
15:40 Save .md report to the project
17:00 Tips to customize the prompt