DDesign systems have been around for quite a while. They’ve arisen with the need of designing for not only one thing, but for a whole set of elements, keeping the same look & feel among them, so all the individual parts look as though they belong to the same family. Design systems were first developed… Continue reading Raising a Design System in a team
Tag: Atomic Design
Creating a first Product Design System in Sketch
The first days I remember the first day I joined Agorize, I asked the PM if there is a styleguide I can use in Sketch. He told me we didn’t have any styleguide and only had some screens designed in Photoshop. The problem is that we have a product with a consumer-facing side and a client-facing… Continue reading Creating a first Product Design System in Sketch
Atomic design: how to design systems of components
Today, the idea of Atomic Design is to begin with common raw material (atoms) with which we can build the rest of the project: Today: we start from atoms and we build the rest from there We have thus not only an “air de famille” between all the screens, but also a system which offers infinite… Continue reading Atomic design: how to design systems of components
Atomic Design & creativity
I’ve been using atomic design in my projects over the last 2 years now. And since then, I can’t help but talk about it to everyone around me ;) Quick reminder : Atomic Design is a methodology, invented by Brad Frost and based on the idea that designing interface should always rely on the smallest part of… Continue reading Atomic Design & creativity
Tips for Designers Who Don’t Code
I hail from a design background and moved into front-end development some years ago. With responsive web design, the requirement of the designer is shifting. Here are a few tips collated to help designers who don’t code. In an ideal world, everybody designing for the web medium would also be a front-end developer. The reasons… Continue reading Tips for Designers Who Don’t Code
Styleguide Toolbox – Templates, UI Kits, Tools & Generators
Styleguides are an essential tool for ensuring that everyone in an organization is on the same page. After all, maintaining a consistent style is vital to brand recognition, readability and it just looks more professional. The great thing about these Styleguide resources is that there is undoubtedly one that will let you work the way… Continue reading Styleguide Toolbox – Templates, UI Kits, Tools & Generators