About Uibot

What if we could replace the process of designing UIs with, well, bots? What if you could have an infinite amount of UI designs to choose from — would that lead to new directions that you wouldn't otherwise explore?

Uibot is an experiment on how far one could automate the generation of visual designs, what kinds of advantages it would lead to and what issues one would face.

Inspiration and implementation

Uibot is inspired by declarative design tools by Jon Gold from a few years back and Programming Design Systems by Rune Madsen. The Twitter feed for the procedural-generation blog is quite inspiring as well.

Inspiration for the style of the designs came from Tailwind CSS, a Coinbase Clone made using Tailwind by Adam Wathan. The analytical approach in Refactoring UI book was an inspiration, too. And I browsed through some dashboard designs on Dribbble as well.

The implementation uses a name generator by Thomas Konings for generating company names and the color library for color manipulation. Profile pictures have been selected from Pravatar.cc by Simon Asika. Uibot is built using React and Styled Components.

Next steps

Some different ways to take this further came into my mind, although I’m not sure if I will have the time to work on them:

  1. One would be a ’genetic’ UI, where the user could mix designs easily.
  2. Another would be to have a chat interface for customizing a UI.
  3. And a third would be to use the generated layouts as training material for AI:s — so that the AI would learn to distinguish key features of designs, such as accent colors and layout types.
  4. And perhaps also a hot-or-not UI, where the visitors could rate the designs easily, could be interesting.
Feedback

Any comments, suggestions or feedback? You can find me on Twitter.

Privacy Policy

This Privacy Policy document contains types of information that is collected and recorded by Uibot and how it is used.

Cookies

Like almost any other website, Uibot uses cookies, to store information about the visitors. When visiting Uibot, cookies are stored for Google Analytics use and for the first visit cookie notification.

Google Analytics stores information about the pages you visit, how long you spend on each page, how you got to the site and what you click on while you’re visiting the site. We do not collect or store your personal information (for example your name or address). For Google Analytics, IP anonymization is turned on and ad features off. You can opt out of Google Analytics cookies here.

When visiting Uibot, you see a pop-up message that notifies you about cookie use. We store a cookie so that your computer knows you’ve seen the popup and knows not to show it again.

External services

Two external services are used by Uibot: Google Fonts and Google Analytics. Data for these services may be transferred outside the EEC (European Economic Area). In the case of Google Fonts, Google acts as a data controller for the any personal data that is processed.

Contact information

By using our website, you hereby consent to our Privacy Policy. The administrator of this site is Simplicity Design Oy, FI27190676. If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us via email at janne@simplicitydesign.fi.

Distinct Character
Help
Dashboard
Connect
Accounts
Tools
Settings
31.2M
Completed
12.2M
In Progress
2.3M
Inactive
97.2%
Activity Rate
Your Favorites
No Favorites yet. After you've added some favorites, you'll have quick access to them here.
Active Agents
Add an agent
Home
Careers
Legal & Privacy
© 2019 Distinct Character
Uibot uses cookies to load assets and track analytics. Find out more about cookies or Hide this message
About Uibot
Privacy
Style again!