CX Workspace
AI-powered Design System workflow for the CX team. One shared workspace, consistent tooling, maximum efficiency.
What is it?
The CX Workspace is a shared configuration repository that gives every team member the same AI-assisted design and development tools. It connects Figma, Jira, Storybook, Ditto, and Bitbucket into a unified workflow — powered by Kiro IDE.
Instead of manually switching between tools, you describe what you need and the workspace handles the rest: rebuild screens with Design System components, audit text against style guides, manage Jira tickets, and deploy documentation — all from one place.
What you can do
cx-rebuild
Select a Figma frame and rebuild it with proper Design System components and tokens. Automatic variant matching.
cx-copy
Audit text against the Ditto style guide — select a single text, frame, or full section. Produces EN translations, pushes to Ditto with DE/TR variants.
cx-audit
Scan a frame for DS adoption gaps, auto-layout issues, and hardcoded values. Get a prioritized fix list.
cx-project
Connect Figma files to Jira tickets. Manage phase transitions (Exploration → Review → Build-Ready) from chat.
Getting Started
Install Kiro IDE
Download from kiro.dev. It's built on VS Code — your extensions and settings carry over.
Clone the workspace
git clone https://github.com/cx-server/cx-workspace.gitAdd to Kiro
File → Add Folder to Workspace → select the cx-workspace folder.
Run setup
Type cx-setup in the Kiro chat. The assistant walks you through connecting Figma, Ditto, Jira, and other tools.
Requirements
- Kiro IDE (free)
- GitHub account (for repo access)
- Figma Desktop (for design operations)
-
Figma Desktop Bridge Plugin — auto-installed by Kiro (import from
~/.figma-console-mcp/plugin/manifest.json) - Node.js 18+ (for Figma and Recraft tools)
Connected Tools
Figma
Read & modify designs
Jira
Tickets & workflows
Ditto
Style guide & copy
Bitbucket
Code & PRs
Recraft
AI image generation
Confluence
Documentation