figma-to-vue-mcp
If you are the rightful owner of figma-to-vue-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.
A Model Context Protocol (MCP) server that generates Vue 3 components from Figma designs, following Hostinger's design system and HComponents requirements.
The Figma to Vue MCP Server is a specialized tool designed to streamline the conversion of Figma design files into Vue 3 components. It adheres to Hostinger's design system and leverages HComponents to ensure consistency and efficiency in the development process. This server automates the generation of Vue components using TypeScript and the `<script setup>` syntax, making it easier for developers to maintain and scale their projects. It also supports the generation of BEM-style CSS classes and handles responsive layouts, ensuring that the components are both visually appealing and functional across different devices. By preserving design system consistency, the server helps maintain a cohesive look and feel across all components. Additionally, it supports component props and dynamic content, allowing for greater flexibility and customization.
Features
- Converts Figma designs to Vue 3 components with TypeScript and `<script setup>` syntax
- Automatically imports and uses HComponents where appropriate
- Generates BEM-style CSS classes
- Preserves design system consistency
- Handles responsive layouts and supports component props and dynamic content
