Editorial illustration for Meta's Astryx adds CLI and MCP server to design system used by Figma, Snowflake
Meta Astryx adds CLI and MCP server to design system
For eight years, Astryx lived inside Meta, quietly powering over 13,000 apps. Now it’s open-source, and the company behind it just gave the design system something most UI libraries lack: a CLI that speaks directly to agents. The same command-line tool a developer uses, called via `astryx` or the shorthand `xds`, also serves as an MCP server, returning a self-describing JSON manifest that any AI agent can parse without scraping `--help` text.
Figma and Snowflake already use Astryx externally. Two design decisions make it stand out: every primitive is exported and composable, nothing hidden, and the system eliminates “double padding” issues without manual fixups. Then there’s the “Agent Ready” layer.
Ten ready-made themes, from `neutral` to `gothic` to `y2k`, swap variables across every component without touching a line of code. Pick a theme in the interactive demo; watch the tokens update live. That’s the difference.
Astryx ships docs and tooling that AI can read, not just humans.
This isn’t just another design system. It’s a system that speaks two languages: one for humans, one for machines. The CLI exposes the same API developers use.
The MCP server lets agents read, scaffold, and document without scraping help text. That shift, from human-friendly to agent-native, changes what a design system can be. The primitives are composable, not locked away.
Double padding disappears not through manual fixups, but by design. Ten themes ship out of the box, gothic, y2k, brutalist, each one swapping tokens without touching a single component. The component code stays untouched.
The visual identity shifts entirely. Astryx has been inside Meta for eight years, powering over thirteen thousand apps. Now it’s open, MIT-licensed, and built for a world where agents will pull up a terminal and call `xds` before a human writes a line of JS.
That’s the bet: make the system machine-readable, and the human work becomes faster, cleaner, and more consistent. The demo on the page proves it. Pick a theme.
Watch the tokens change in real time. The rest is just code.
Related Reading
Browse all Meta news →
Open Source D&B rebuilds 642 million‑business database after AI agents hit limits
Open Source OpenAI's GPT Transcribe Cuts Error Rate to 3.31%, Improving on GPT-4o
Open Source Study: 6.7% of Deepfake Requests on Hugging Face Targeted Children
Related Topic OpenAI hires 630 ex-Meta staff as ChatGPT memory may turn data into ads
Business & Startups
Related Topic Meta AI Update Pulls From Your Calendar for Daily Briefings
LLMs & Generative AI
From Archives Apple Vision Pro exec departs for OpenAI as Apple eyes cheaper glasses vs Meta
From Archives Slowed AI model development could chill data‑center buildout, risk industry
From Archives Calibration uses NVIDIA Triton Llama-3-8B A10 and vLLM Qwen2.5-7B RTX 4090 data
Research & Benchmarks
From Archives Meta says AI moderators make 13% fewer errors than humans, defends rollout speed
LLMs & Generative AI
Common Questions Answered
What new features does Meta's Astryx add to its design system?
Meta's Astryx now includes a command-line interface (CLI) and a Model Context Protocol (MCP) server, expanding its functionality beyond a traditional design system. These additions enable developers to interact with the design system programmatically and integrate it with AI-powered tools.
Which companies use Meta's Astryx design system according to the article?
The article mentions that Figma and Snowflake are among the companies using Meta's Astryx design system. This indicates that Astryx has gained adoption by major tech firms for their design and development workflows.
What is the purpose of the MCP server added to Meta's Astryx?
The MCP server added to Astryx allows the design system to communicate with AI models using the Model Context Protocol. This integration enables developers to leverage AI capabilities directly within their design workflows, enhancing automation and intelligent assistance.
Further Reading
- Meta's Astryx Brings a CLI and MCP Server to an Open-Source React Design System Agents Can Read — MarkTechPost
- Introducing Astryx by Meta: an open source design system built for AI-fluent development — Meta Astryx Blog
- GitHub - facebook/astryx: An open source design system that's fully customizable without dependencies — GitHub
