# ds-mcp-sync

> Use this tool when you need to synchronize design elements from Figma with your codebase, automating the generation of React components and Storybook stories to streamline design-to-development workflows. It takes Figma design tokens and components as input and outputs synchronized codebase updates, enabling consistent design implementation. Ideal for design systems teams seeking to bridge the gap between design and development.

Canonical page: https://skillsregistry.net/skills/blumaa-ds-mcp-sync  
JSON: https://api.skillsregistry.net/v1/skills/blumaa-ds-mcp-sync

## Description

Syncs design tokens and components from Figma to a Design System codebase, enabling automated generation of React components and Storybook stories.

## Trust

- **Trust score (0–1):** 0.70
- **Verification tier:** verified
- **Last scanned:** 2026-08-31

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-08-31

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/k3zfd1nkum)
- **Repository:** <https://github.com/blumaa/ds-mcp-sync>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "blumaa-ds-mcp-sync"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/blumaa-ds-mcp-sync` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/blumaa-ds-mcp-sync/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt