MCPMarket
Sell SkillsPower Your AgentsConnect
  1. Home
  2. Servers
  3. Sunnyside Figma Context

Sunnyside Figma Context

tercumantanumutbytercumantanumut
•
39
•
Developer Tools
Productivity & Workflow
Design Tools

Integrates Figma designs with AI development workflows to extract pixel-perfect code, assets, and component structures.

Related MCPs

View more
  • neondatabase-labs

    Neon

    Enables natural language interaction with the Neon Management API and databases through the Model Context Protocol.

  • GLips

    Figma Context

    Provides AI coding agents with simplified Figma layout information via the Model Context Protocol.

  • 21st-dev

    Magic

    Generate modern UI components instantly from natural language descriptions within your IDE.

Related Skills

View all
  • openclaw

    Diagram Maker & Visualizer

    Generates professional SVG, HTML, and Excalidraw diagrams for software architecture, system flows, and educational concepts.

  • openclaw

    GH Issues Auto-Fixer

    Automates the end-to-end GitHub issue lifecycle by spawning sub-agents to implement code fixes, open pull requests, and resolve review comments.

  • openclaw

    Discord Integration

    Manages Discord operations including messaging, reactions, and channel management directly through Claude.

MCPMarket

Discover MCP servers that connect MCP clients like Claude and Cursor to your favorite tools. Browse the MCP Market to get started.

Browse

  • MCP Search
  • MCP Servers
  • MCP Clients
  • Agent Skills
  • MCP Market Hub
  • Categories
  • What is an MCP server?
  • Model Context Protocol

Rankings

  • Top MCPs Today
  • Top Agent Skills Today
  • Top 100 Agent Skills
  • Top 100 MCP Servers

About

  • News
  • Submit
  • Contact

© 2026 MCP Market. All rights reserved.·Privacy·Terms

This Model Context Protocol (MCP) server seamlessly connects Figma designs to AI development workflows, providing 14 specialized tools to extract pixel-perfect code, assets, and component structures. It empowers developers to transform design concepts into production-ready code with AI-powered precision, offering real-time extraction via a custom Figma plugin, integration with Figma Dev Mode, and direct Figma API access for comprehensive design data retrieval.

Key Features

01Provides tools for complete project scaffolding and component analysis.
02Generates custom components in various styles (e.g., Tailwind, styled-components).
03Extracts pixel-perfect code (CSS, React, TypeScript) directly from Figma designs.
041 GitHub stars
05Enables batch extraction and download of design assets (images, icons).
06Seamless integration with Figma via custom plugin, Dev Mode, and direct API.

Use Cases

01Automating the conversion of Figma designs into production-ready code (CSS, React, TypeScript).
02Extracting and managing design assets like images and icons from Figma files for development.
03Accelerating AI agent development by providing structured, real-time design context.