Loading...

Shaper

An experiment by Hayk An allows tweaking of a user interface based on tokens. You can get a random combination of parameters, so it's more like a toy. See its first version.

Artificial Intelligence and the Future of Web Design

Fred O'Brien describes the current state of algorithm-driven website constructors. He interviewed many of their creators.

UI Bot

The best example of an algorithm-driven design tool applied to UIs by Janne Aukia. It generates stylistic variations of a dashboard and even tries layout changes.

BillUI Sketch Plugin

Simon Takman used Jon Gold ideas to generate multiple variations of a UI component. It alters corner radius, color, border, and shadow.

Components AI

Another ex-member of The Grid team launched an experimental tool that generates design system tokens. See his other experiment and generative logo design process.

pix2code

UIzard experimental tool generates HTML or native mobile code from a UI screenshot with over 77% of accuracy. Here's the next iteration of the idea by Emil Wallner.

Airbnb: Sketching Interfaces

It analyzes rough hand-drawn sketches with machine learning and builds a screen using unified components. The fastest way from a rough idea to a working prototype. Uizard and Microsoft have a similar concepts (update), while TeleportHQ turns it into a code. A simpler Sketch plugin.

Brandmark

Algorithm-Driven Design enthusiast Jack Qiao launched an all-in-one tool which lets you to design a logo, simple brand identity, and a UI kit in with that visual style in code. He describes how logo and font generator works. Check logo comparison and crunch tools too. Automagic Design does the same.

uKit AI

It analyzes an existing website and rebuilds in on its own technology with a proposed new design. It's a good way for SMBs who are not designers to make their websites better. More about it.

Interpolation by Florian Schulz

He shows how you can use the idea of interpolation to create many states of components.

Constructing a UI