Saved by Jonathan Simcoe
A Component-Based Workflow for Sketch
I used this system to design self-documenting components that were easy to develop against, and allowed the rest of the team to build new and consistent UI without needing me.
Pirijan Ketheswaran • Redesigning an App, One Day a Week at a Time
Primer on how we design at @linear:
The main point is that the design is only a reference, never any kind of deliverable itself, so the way it's constructed doesn't really matter.
1. We screenshot the app and design on top of
2. Simple design system that has mostly colors, type and some basic components (rest you can screenshot/recreate)
3. We ... See more
You can even nest components and publish them to the team library. That way you can construct modules from individual source elements, then later reuse those modules across more complex views and flows in other files. Deeply-nested components make maintaining a single source of truth incredibly easy and predictable.
Bryn Jackson • Team Libraries in Figma
Component-based design systems produce inherent efficiencies for designers and developers, and solve the challenges associated with duplication and inconsistency in applying themes -- while driving the development of better quality, reusable components. Clients gain the benefit of better brand management resulting from a simplified content editor e... See more
Cassey Bowden • Advantages of Component-Based Web Design Systems
At this point you might be thinking: “It’s just a sketch or a wireframe. I do that all the time anyway.” But it’s a bit different. This is a sketch focused specifically on the content structure of a module, and the hierarchy and grouping of the elements.
Alla Kholmatova • Design Systems (Smashing eBooks)
To standardize design production, best-in-class organizations are now implementing a design system which is a library of design components (e.g. a button, a menu, a banner, a checkbox), design tokens (a color, an icon, a typo, etc.) as well as guidelines to use them.Specify is bringing design system management to the next level with a single design... See more