Why we built the Design System before the widgets

AI-built pages only look consistent when the AI has a design system to use. That is why Uncoder’s widgets read every color, font and size from one place.

When we started Uncoder, the first thing we built was not a widget. It was the Design System — and AI is the reason.

AI needs constraints

Ask a model for “a nice hero” and it will invent colors, sizes and spacing that look fine on their own and wrong next to everything else. Give it a palette, text styles and a button style and it makes choices that fit, every time.

One source of truth

In Uncoder, widgets refer to named colors such as Primary and Accent, and to text styles such as H2 and Lead. Change Primary and every button, link and heading that uses it updates. The AI is encouraged to use these names instead of hex codes, so its pages follow your brand automatically.

Good for people too

The same system makes hand-built pages faster and more consistent, and it makes a rebrand a few minutes of work instead of a week. That is a good trade for any team, with or without AI.

Share this post

Written by the Uncoder team

We build Uncoder, the WordPress builder your AI can use. More posts · Build with AI

Keep reading

More from the blog

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.