awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
GLips avatar

GLips/Figma-Context-MCP

0
View on GitHub↗
www.framelink.ai↗

Figma Context MCP

Figma-Context-MCP is a design-to-code automation tool that functions as a server for the Model Context Protocol. It acts as a bridge between visual design platforms and development environments, enabling large language models to access design file metadata and component properties directly.

The project distinguishes itself by providing a standard-compliant interface that translates design specifications into structured data. By extracting layout and styling information, it facilitates the programmatic conversion of design tokens and component requirements into actionable code structures.

This tool supports automated frontend development by providing context-aware data to AI agents, ensuring that generated interfaces align with original visual intent. It covers the full design handoff process, from the retrieval of design metadata to the implementation of consistent design systems across a codebase.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • MCP Server Integrations - Connects design files to AI agents as a specialized server for the Model Context Protocol.
  • Design-to-Code Tools - Acts as a bridge between visual design platforms and development environments to automate code structure generation.
  • Model Context Protocol Implementations - Implements the Model Context Protocol to provide AI models with direct access to design metadata.
  • Design Handoff Tools - Translates visual design specifications into structured data to streamline the design-to-code handoff process.
  • Design-to-Code Generators - Extracts layout and styling data from design files to generate accurate frontend code.
  • AI Development Assistants - Provides context-aware design data to large language models to improve generated code quality.
  • Developer Tools - Retrieve design data from Figma links.
  • Development Tools - Access Figma design data in implementation-ready formats
  • Media and Content Creation - Converts Figma design layouts into code for AI agents.
  • Design System Implementations - Facilitates consistent design system implementation by programmatically extracting tokens and component specifications.
  • Agent Protocol Bridges - Provides middleware that bridges design platform APIs with development environments using standardized protocols.
15,126 stars·1,195 forks·TypeScript·MIT·50 views

Star history

Star history chart for glips/figma-context-mcpStar history chart for glips/figma-context-mcp

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does glips/figma-context-mcp do?

Figma-Context-MCP is a design-to-code automation tool that functions as a server for the Model Context Protocol. It acts as a bridge between visual design platforms and development environments, enabling large language models to access design file metadata and component properties directly.

What are the main features of glips/figma-context-mcp?

The main features of glips/figma-context-mcp are: MCP Server Integrations, Design-to-Code Tools, Model Context Protocol Implementations, Design Handoff Tools, Design-to-Code Generators, AI Development Assistants, Developer Tools, Development Tools.

Which projects share features with glips/figma-context-mcp?

Projects with overlapping indexed features include: utom/sketch-measure — sketch-measure is a design specification tool and design-to-code annotation utility for Sketch. It functions as an… tailcallhq/forgecode — Forgecode is an AI agent orchestrator, shell integration tool, and terminal-based pair programmer. It enables the… qodo-ai/pr-agent — PR Agent is an AI-powered code analysis tool and pull request reviewer that uses large language models to automate… bernaferrari/figmatocode — FigmaToCode is a design-to-code converter and frontend code generator that transforms Figma design files into… f/prompts.chat — This platform serves as a centralized management system for organizing, refining, and versioning AI instructions and… figma/code-connect — Code Connect is a design system integration tool that bridges the gap between codebase component definitions and…

Projects sharing features with Figma Context MCP

These projects share indexed features with Figma Context MCP. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • utom/sketch-measureutom avatar

    utom/sketch-measure

    6,860View on GitHub↗

    sketch-measure is a design specification tool and design-to-code annotation utility for Sketch. It functions as an HTML design spec generator and asset export manager, creating technical handoff documentation and measurement annotations directly from design files. The tool generates interactive web viewers and standalone offline HTML pages that allow for the inspection of dimensions, styles, and design details. It includes capabilities for managing color palettes via XML export and capturing influence rectangles to ensure exported image dimensions account for shadows and borders. The system

    HTMLdesign-specsjavascriptmeasurement
    View on GitHub↗6,860
  • tailcallhq/forgecodetailcallhq avatar

    tailcallhq/forgecode

    7,430View on GitHub↗

    Forgecode is an AI agent orchestrator, shell integration tool, and terminal-based pair programmer. It enables the deployment of specialized AI roles for research, planning, and implementation, while providing a semantic code search tool to index project files for meaning-based retrieval. The system integrates as a Model Context Protocol client to extend AI capabilities via external servers and supports multi-provider model orchestration to switch between different large language model APIs. It transforms natural language into functional shell commands and allows for the execution of AI prompt

    Rust
    View on GitHub↗7,430
  • qodo-ai/pr-agentqodo-ai avatar

    qodo-ai/pr-agent

    11,630View on GitHub↗

    PR Agent is an AI-powered code analysis tool and pull request reviewer that uses large language models to automate version control workflows. It functions as a programmatic agent that integrates with version control platforms to provide automated quality checks, explain code changes, and manage pull request documentation. The system distinguishes itself by enforcing organizational engineering standards through a customizable rule-based system. It leverages retrieval-augmented generation to inject repository context and organizational guidelines into its analysis, ensuring that feedback remain

    Pythoncode-reviewcodereviewcoding-assistant
    View on GitHub↗11,630
  • bernaferrari/figmatocodebernaferrari avatar

    bernaferrari/FigmaToCode

    5,020View on GitHub↗

    FigmaToCode is a design-to-code converter and frontend code generator that transforms Figma design files into responsive source code. It functions as a multi-platform UI compiler, mapping visual design elements to structural constraints for web and mobile environments. The system supports multi-target syntax emission to produce code for HTML, Tailwind CSS, Flutter, and SwiftUI. It automates frontend styling by converting design system variables and visual effects into theme-consistent code across these different frameworks. The tool handles responsive UI implementation by translating design

    TypeScriptconversionfigmafigma-plugins
    View on GitHub↗5,020
    • Compare all 30 related projects→