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"
  }
}