Design in Figma using Cursor Agent + MCP

Design in Figma using Cursor Agent + MCP

Design automation in Figma using AI and natural language

85 followers

Visit website
Connect your AI assistant to Figma through MCP. Create designs, update layers, and manage components directly from Cursor. Real-time bidirectional sync between your code and Figma designs.
Design in Figma using Cursor Agent + MCP gallery image
Design in Figma using Cursor Agent + MCP gallery image
Design in Figma using Cursor Agent + MCP gallery image
Free
Launch tags:Design Tools•Developer Tools•Artificial Intelligence
Launch Team
Anima - OnBrand Vibe Coding
Design-aware AI for modern product teams.
Promoted

What do you think? …

Vijay Chouhan
Design in Figma using Cursor Agent + MCP
Maker
📌
Cursor AI for Figma is the missing link between AI and design. It enables Cursor AI to read and modify Figma designs programmatically through natural language commands. What You Can Do: 🎨 Design Automation - Bulk update text content across hundreds of elements - Propagate component overrides instantly - Create and manage annotations with markdown support - Convert prototype flows to visual connectors 🔧 Smart Operations - Read design information and structure - Create frames, rectangles, and text elements - Modify layouts, colors, and styling - Clone, move, resize, and delete nodes - Export designs as images (PNG, JPG, SVG, PDF) 🤖 AI-Powered Workflows - Use natural language to control Figma - Automate repetitive design tasks - Batch process design elements - Real-time progress tracking Key Features: ✅ Easy Setup - Deploy to cloud in 5 minutes or run locally ✅ Free Forever - Deploy on Render.com's free tier ✅ Real-time Updates - WebSocket-based communication ✅ 40+ MCP Tools** - Comprehensive Figma API coverage ✅ Open Source** - MIT licensed, community-driven ✅ Cloud Ready - Access from anywhere with deployment guides Perfect For: - Design teams automating repetitive tasks - Developers building design systems - Product managers updating mockups - Anyone tired of manual Figma updates How It Works: 1. Deploy WebSocket server (5 min cloud setup) 2. Install Figma plugin from community 3. Install MCP server in Cursor 4. Start automating with AI! Tech Stack: Built with TypeScript, Model Context Protocol SDK, WebSocket (ws), and Bun runtime. Works seamlessly with Cursor AI editor.
Zolani Matebese

@vijay_chouhan Congrats on the launch Vijay, good luck.

Zeiki Yu

Congrats on the launch! Love the natural language design automation in Figma.

Jorge AlcĂĄntara
This has been a heavily requested feature for prototyping within Zentrik. Let's talk one day. We'd love to look at integration opportunities.
Cathy Cai

This looks super powerful. Can users restrict the AI to certain frames, pages, or components to avoid unintended changes elsewhere?

Curious Kitty
Product Hunt
When a team compares your approach to the emerging first‑party Figma MCP options and “context-only” Figma-to-code MCP servers, what are the one or two decisive differences that consistently make users choose (or switch to) your bidirectional editing workflow?
Jay Dev

Wow, this looks amazing! Love the idea of using Cursor for Figma design. How does the component management work with existing design systems?

Olanrewaju (Ola) Muili

Love this! The Cursor + MCP integration for design automation is next-level. How are you handling the reliability of AI-generated designs? Do you monitor the AI calls for errors/quality?