Skip to main content
Glama
133,382 tools. Last updated 2026-05-25 16:29

"How to generate HTML code from Figma design files" matching MCP tools:

  • Extract and normalize a design system from a Figma library file to generate a structured knowledge artifact with counts of components, styles, and variables.
    MIT
  • Generate a PDF from HTML content. Accepts HTML input and returns base64-encoded PDF bytes, enabling automated document creation from HTML templates.
    MIT
  • Convert HTML content to PDF documents using IteraTools MCP. This tool processes HTML input to create formatted PDF files for documentation, reports, or sharing purposes.
    MIT
  • Pull design tokens, components, and styles from Figma into the local registry. Use after designer updates to keep your codebase in sync.
    MIT
  • Extract brand identity from a Figma design file by providing variable maps, styles, or logo SVG. Plan mode suggests tools to call; ingest mode processes all collected data.
    MIT

Matching MCP Servers

Matching MCP Connectors

  • An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.

  • Cloudflare Workers MCP server: code-explainer

  • Pull design tokens, components, and styles from Figma via REST API without using a plugin or Figma Desktop. Ideal for CI, headless, or remote environments.
    MIT
  • Retrieve all published design system tokens from a Figma file, including colors, text styles, and effects for consistent design implementation.
  • Extract design tokens like colors, fonts, and spacing from Figma frames to generate CSS or theme files with organized JSON output.
  • Retrieve Figma prototyping reactions from specified nodes to analyze user interactions and prepare data for creating connector lines between design elements.
    MIT
  • Generate a structured HTML report from code analysis results to document bugs, vulnerabilities, and security findings for review.
    MIT
  • Converts a saved design spec into working shadcn/ui and Tailwind component code, writing files to atomic design folders.
    MIT
  • Retrieve Figma prototyping reactions from multiple nodes to analyze user interactions and prepare data for creating connector lines in design workflows.
  • Creates a premium iOS mobile UI mockup from a text brief, outputting a screenshot and HTML. Used to design or visualize a mobile app screen.
    MIT
  • Convert Figma designs into frontend code that matches your tech stack and style variables. Automatically detects and applies project configurations.
    Mozilla Public 2.0
  • Retrieve DSL data and code generation rules from MasterGo design files using fileId, layerId, or a short link. Analyze design structure, component hierarchy, and extract properties in JSON format for parsing or framework-specific code generation.
    ISC
  • Extract Figma node IDs and convert designs into HTML, React with CSS Modules, or React with Tailwind CSS using MCP server f2c-mcp-server to automate design-to-code workflows.
    MIT