Figma To Vue MCP Server

Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.

Local serverstdioTypeScript★ 10

What is the Figma To Vue MCP Server?

Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.

What it actually does

A Model Context Protocol (MCP) server that generates Vue 3 components from Figma designs, following Hostinger's design system and HComponents requirements.

  • Converts Figma designs to Vue 3 components with TypeScript and syntax
  • Automatically imports and uses HComponents where appropriate
  • Generates BEM-style CSS classes
  • Preserves design system consistency
  • Handles responsive layouts
  • Supports component props and dynamic content

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Configuration

VariableDescriptionRequired
FIGMA_ACCESS_TOKENCredential the server authenticates with.Yes
FILE_KEYCredential the server authenticates with.Yes
NODE_IDConfiguration value read at startup.Optional

Frequently asked questions

Figma to Vue generates Vue 3 components from Figma designs, automatically incorporating your design system and HComponents for consistency and efficiency.