2 ms·
A design system is a set of Lego bricks. Instead of clay that can become any shape but requires effort, you have a (carefully limited) set of components, alignm
by nine_k 1y ago
A design system is a set of Lego bricks. Instead of clay that can become any shape but requires effort, you have a (carefully limited) set of components, alignments, grids, color palettes, etc, which you can easily combine to produce a visually consistent and usable UI. Instead of sweating over margins, color gradients, perfectly balanced columns, etc you put components together, and they work well together without further bespoke tweaking. They have consistently named properties, CSS classes, etc.
Now connecting them becomes a mechanical task, which an AI does well. Detecting them in the sketch also becomes a mechanical task, you don't need pixel perfection, because the components will be pixel-perfect once in place, and you can think and operate in terms of logical structure and the general, well, topology of the layout. The machine can pick it up and map to your design system.
If you're a mechanical engineer, imagine being used to need to produce bespoke connectors for everything you build, and then switching to a set of few standard bolts and nuts, or, again, Lego blocks. Suddenly you can assemble significant things in days, not weeks. (Then you add a robot that can read sketches, and days become hours.)