Systems Thinking: The Iceberg model
Design Systems

Systems Thinking: The Iceberg model

As designers our approach to solving problems matters as much as the problem is solved, a lot of the time we tend to approach these problems based on what we can see visibly for example if we eat too much without proper exercise we will gain weight, the solution when looking solely at the problem would be to eat less and workout more. This is a wrong approach, in systems thinking we tend to ask more profound questions like “ Why am I eating so much and not exercising ?” trying to get to what the root cause of the problem is in the first place and finding solutions based on theses is why the iceberg model of systems thinking is so efficient.

Courage

design-systems Toolbox

design-systems News

Create a Design System — Values & Goals
UI

Create a Design System — Values & Goals

In this first of three articles, I will share insights on the prep work required to build your organization’s Design System while using a fictional start-up to show by example.

Biagio

Animation/Motion Design Tokens for Complex Design Systems
Figma

Animation/Motion Design Tokens for Complex Design Systems

Fundamentally speaking (with no regard for the platform), an animation lets an element gradually change from one state to another. Each animation needs at least these four parts: trigger, duration, easing, and property.

Oscar Gonzalez

All you need to know to start using Variants in Figma
Figma

All you need to know to start using Variants in Figma

Figma released an update last week to bring the Variants feature to everyone. Variants were first announced back in September, at Config Europe 2020. They’re now available to everyone using Figma in-browser or on the Desktop app.

Paavan

4 things you need to know about Atomic Design
Design Systems

4 things you need to know about Atomic Design

Industries such as Architecture or Industrial Design have developed smart modular systems for manufacturing extremely complex objects like airplanes, ships, and skyscrapers. Inspired by this, Atomic Design was proposed as a system that involves breaking down a website or web application into its basic components so that they can be reused throughout the site.

Frederike

Designing with design systems at Hadronapp
Design Systems

Designing with design systems at Hadronapp

Hadron is the design tool where code is the foundation of your designs. It feels very familiar for designers. But when you design with it you’re coding, not painting.

Nacho

Building a Design System? Start with a map
Design Systems

Building a Design System? Start with a map

Building a System is not an easy task, but it is an enjoyable one. Discovering connections, creating new ones, improving the parts and seeing the whole evolved in shape and purpose are some of the things that make it such an interesting project to work on.

Carlos