What we're building next

Illustrations, icons, photos, and files, with usage rules, served to your tools like everything else.

Print, packaging, social, and the rest of the brand, in the same place as the digital rules.

Describe how a screen should come together, like the buttons at the bottom of every dialog, and every tool builds it the same way.

Link a rule to the components, styles, and other rules it belongs with. Use one, and the rest come along.

• See what is related on every rule page
• Change a color and see everything it touches

The scan that drafts your styles from a website gets sharper and asks less of you.

• Better color detection on sites built in less common ways
• Flags values it is unsure of instead of presenting them as final
• Picks up your logo when the brand does not have one yet
• Fewer confirmations to click through after a scan

Work from your design system as it is, with your own names, your own components, and your own code, instead of adapting it to ours.

• Import any Figma file, whatever the variables are called
• Works with code built in React, Vue, or anything else
• Keep your own components and tell AI tools how to use them
• Rename, group, and tidy what you import

When an AI tool says it stuck to your brand, UI Rules checks that it actually did, instead of taking its word for it.

• Every check is verified, not self-reported
• A report that claims more than was checked gets flagged
• See where a tool skipped the check

Keep every version of your mark in one place, so tools pick the right one.

• Light and dark versions
• Small marks and full wordmarks
• Rules for when each one applies