I built a registry of design systems for AI
AI likes markdown and natural language, so the new format for the design systems is a collection of markdown files such as:
brand.md
buttons.md
typography.md
cards.md
... you get the idea
The steps are pretty simple, you can import:
1. One of our predefined design skills as themes
2. Bring your own SKILL files in a ZIP
3. Import via Figma (this is still in beta preview)
Then our algorithm will select the best token and variable candidates for each markdown file
You then get a draft proposition for the markdown files which you can review, change, add, or remove from them
After you hit publish, this design system will be available to all of your AI tools like Codex, Claude, Cursor, Grok Build, and others through our MCP server
Then all you need to do is just write the AI:
> Hey AI, what design systems do I have?
> Okay, let's install that one.
> Build me a landing page.
> Give me three more pricing variations.
> Actually, let's also explore more hero sections.
... and so on
Our MCP server not only brings together the design system for your projects, but we also have a proprietary database of layout and UI resources and prompts that will automatically suggest the best pages, sections, and element positionings
The tool is called:
TypeUI
Thanks to @valentinbora, @AudrasJb, and @marybaum, WordPress Core Contributor Handbook now has an FAQ for new contributors! 🙌🎉
Check it out: https://t.co/NPGUkKbf01