Your AI can write the UI. This makes sure it writes your UI.
roast-my-design-system is an MCP project maintained in the pencilrebel/roast-my-design-system repository. The maintainer describes its purpose as “Your AI can write the UI. This makes sure it writes your UI”. Read the project documentation for the complete scope.
The documented npm package is roast-my-design-system. The configuration below comes from the maintainer’s example; adapt its paths and account values to your environment.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-08.
{
"mcpServers": {
"roast": {
"command": "npx",
"args": [
"roast-my-design-system",
"--mcp"
]
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
Feed real design data to your coding assistant — layout, tokens and components straight from Figma files.
Integrates Figma's API with Claude and other Model Context Protocol (MCP) compatible clients, providing read-only access to Figma files and projects.
Manages courses, assignments, enrollments, and grades within Canvas using the Canvas API.
Provides a unified TypeScript interface for LLMs to interact with various 3D software applications.
Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.
Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.