F

Feuse (Figma Design-to-Code)

Automates Figma design-to-code workflows by extracting design data, downloading SVG assets, analyzin...

111 views
0 installs
Updated Oct 10, 2025
Not audited
Automates Figma design-to-code workflows by extracting design data, downloading SVG assets, analyzing color variables, and generating API models with design token conversion for CSS frameworks like UnoCSS and TailwindCSS.
  1. Log in to your Figma account
    Go to https://www.figma.com/ and sign in.

  2. Navigate to Figma Developer Settings
    Open https://www.figma.com/developers/api#authentication or, from the Figma dashboard, click on your avatar in the bottom left, select "Settings", and find the "Personal Access Tokens" section.

  3. Generate a Personal Access Token

    • Click “Create a new personal access token.”
    • Enter a descriptive name for your token (e.g., "feuse-mcp integration").
    • Confirm to create the token.
  4. Copy the token
    The generated token will be shown only once. Copy it and save it securely.

  5. Fill in the FastMCP connection interface

    • Go to the FastMCP connection setup.
    • Click the “Install Now” button to add new ENV values.
    • Paste your token into the FIGMA_API_KEY field in the FastMCP connection interface.

Your Figma API key is now configured and ready for use with feuse-mcp.

Quick Start

More for Automation

View All →

More for Developer Tools

View All →

Similar MCP Servers

Report Issue

Thank you! Your issue report has been submitted successfully.