WeWeb AI can now create and edit the typography, color, and spacing of your project library, so that the UI you generate and iterate on is consistent.
The AI now:
• Creates design tokens for you when none exist
• Reuses your tokens automatically in future edits
• Updates styles automatically when you ask for changes
No need to manually tweak styles every time!
1. Go to the WeWeb Editor's blank canvas or WeWeb AI chat and enter your prompt.
2. Click the "Settings" icon and turn on "Allow AI to edit Library":
3. Click Enter to start generating your page.
4. Once the AI has finished generating elements, go back to the WeWeb AI chat and click on "Library elements" to open the generated library in the left sidebar of the Editor:
5. Add or remove typographies, colors, and spacings as you see fit.
ℹ️ WeWeb AI only creates and edits design tokens inside your current project. This keeps your styles consistent and easy to manage.
That's all for this release! As always, let us know what you think 🙂
Sign up now, pay when you're ready to publish.