Palette MCP

{ "name": "Palette", "description": "Transform Figma designs into React/Vue components using your existing design system", "version": "1.0.0", "author": "Jongho", "license": "MIT", "repository": { "type": "git", "url": "https://github.com/Opti-kjh/palette.git" }, "homepage": "https://github.com/Opti-kjh/palette#readme", "keywords": [ "mcp", "model-context-protocol", "design-system", "figma", "react", "vue", "cursor", "ai", "code-generation", "component-library" ], "category": "Design & Development", "tags": ["figma", "react", "vue", "design-system", "mcp", "ai"], "features": [ "Figma Integration", "React Code Generation", "Vue Code Generation", "Smart Component Mapping", "Design Analysis", "Cursor AI Integration" ], "requirements": { "node": ">=18.0.0", "figma_token": "required" }, "installation": { "command": "npm install palette", "setup": [ "Get Figma Access Token from Figma → Settings → Account → Personal Access Tokens", "Set environment variable: export FIGMA_ACCESS_TOKEN='your_token_here'", "Configure Cursor AI MCP settings" ] }, "usage": { "examples": [ "<FigmaURL>을 React 컴포넌트로 변환해줘", "<FigmaURL>을 Vue 컴포넌트로 변환해줘" ], "tools": [ { "name": "convert_figma_to_react", "description": "Convert Figma designs to React components", "parameters": ["figmaUrl", "componentName", "nodeId (optional)"] }, { "name": "convert_figma_to_vue", "description": "Convert Figma designs to Vue components", "parameters": ["figmaUrl", "componentName", "nodeId (optional)"] }, { "name": "list_design_system_components", "description": "List available design system components", "parameters": ["framework"] }, { "name": "analyze_figma_file", "description": "Analyze Figma file structure and suggest mappings", "parameters": ["figmaUrl"] } ] }, "supported_design_systems": [ { "name": "React Design System", "url": "https://github.com/dealicious-inc/ssm-web/tree/master/packages/design-system-react", "components": [ "ssm-accordion", "ssm-arrow-pagination", "ssm-badge", "ssm-button", "ssm-check", "ssm-chip", "ssm-dropdown", "ssm-error", "ssm-helper-text", "ssm-icon", "ssm-input", "ssm-labeled-text", "ssm-layer-alert", "ssm-layer-popup", "ssm-loading-spinner", "ssm-notice", "ssm-pagination", "ssm-radio", "ssm-switch", "ssm-tab", "ssm-tag", "ssm-text-field", "ssm-text-link", "ssm-text", "ssm-toast", "ssm-tooltip", "env-badge" ] }, { "name": "Vue Design System", "url": "https://github.com/dealicious-inc/ssm-web/tree/master/packages/design-system", "components": [ "SsmAccordion", "SsmArrowPagination", "SsmBadge", "SsmButton", "SsmCheck", "SsmChip", "SsmDropdown", "SsmError", "SsmHelperText", "SsmIcon", "SsmImage", "SsmInput", "SsmLabeledText", "SsmLayerAlert", "SsmLayerModal", "SsmLoadingSpinner", "SsmNotice", "SsmPagination", "SsmRadioGroup", "SsmSwitch", "SsmTab", "SsmTag", "SsmText", "SsmTextField", "SsmTextLink", "SsmToast", "SsmTooltip", "EnvBadge" ] } ], "cursor_config": { "mcpServers": { "palette": { "command": "npx", "args": ["palette"], "env": { "FIGMA_ACCESS_TOKEN": "${FIGMA_ACCESS_TOKEN}" } } } }, "documentation": { "readme": "SMITHERY_README.md", "quick_start": "QUICK_START.md", "usage": "USAGE.md", "installation": "INSTALLATION.md" } }