What is Codigma MCP Server?
Codigma MCP Server is the backend service behind Codigma.io, a free tool that turns public Figma links into clean, semantic HTML and CSS. It provides API endpoints to fetch Figma file data, convert designs to structured models, and generate HTML/CSS or TailwindCSS bundles.
How to use Codigma MCP Server?
Clone the repository, install dependencies with npm install, create a .env file with your Figma Personal Access Token, then run in development mode (npm run dev) or production mode (npm run build && npm start). Send POST requests to endpoints like /api/figma-to-bundle with a Figma URL and output type (plain or tailwind).
Key features of Codigma MCP Server
- Fetch public Figma file JSON data
- Convert Figma nodes into structured Codigma Models
- Generate clean, semantic HTML and CSS code
- Optionally generate TailwindCSS class-based HTML
- Support for responsive design, fonts, borders, shadows, and gradients
- Full pipeline from Figma URL to code bundle in one API call
Use cases of Codigma MCP Server
- Rapidly prototype web pages from Figma designs
- Automate conversion of design libraries into reusable HTML/CSS components
- Integrate Figma-to-code conversion into CI/CD pipelines
- Generate TailwindCSS HTML from Figma links for utility-first projects
- Build no-code tools that produce productionβready markup from design files
Comments