Skip to content

Latest commit

 

History

History
70 lines (42 loc) · 3.63 KB

design-systems-for-developers.md

File metadata and controls

70 lines (42 loc) · 3.63 KB

Design systems for developers

title

Design systems for developers

description

  • designers are like us
  • we talk different languages to express the same things in in teh same ways, with the same motivations. we just need to listen and be open to other ideas

Designers are like us. Contrast, Emphasis, Movement, Patterns, Rhythm; these are some of the constraints that help them create design systems for delightful products. If you understand these systems, you’ll understand your colleagues. Design systems are essentially collections of rules, constraints, and principles, implemented in design and code. These 3 attributes serve distinct functions and provide coherent, systemic order in systems from buttons to single page applications.

By default we tend to ignore the complexity on the creation of these systems, but you’ll be surprised how similar and useful these rules are, helping your code to be more modular and reusable.

My whole career is based on trying to make designers and developers work more comfortable with each other, and let them know that even though they speak different languages, both are solving the same problems with very similar solutions, you just have to be willing to listen.

Elevator pitch

Designers are like us. We all follow a set of rules and constraints that help us create reusable & modular components. This rules and constraints can easily be aligned with the same rules and constraints our designers follow and use. It is actually easier then you think!..

Notes & motivations

my background is in design and I learn development myself. I've always worked as the missing link between designers and developers in multiple tech teams. I'm going to talk about CSS, styled-components, responsive design and JavaScript using React. it would be nice that the audience is confortable with React and styled-components.

the main tool I will mention is styled-system

Relevance

Most companies are interested in implementing a design system as the big ones but its not that simple to materialize one. The idea is to make the design part of UI more familiar to developers.

I'm going to talk about CSS, styled-components, responsive design and JavaScript using React. it would be nice that the audience is confortable with React and styled-components.

the main tool I will mention is styled-system

Extra info

I think that there's a need for developers and designers to communicate in a way both understand we are trying to solve the same problem with different techniques and solutions.

tags

react, design, design system, components

Past Experience

I’m a senior coach in ReactJSAcademy. not past experience as a conference speaker but confortable speaking to an small/mid-size audience.

Bio

Designer, Developer & Coach from Panama living in Barcelona. I love to build products and help designers and developers learn from each other. Dad of the princess Daniela and husband.

references

Applications sent

event submit date conf date accepted? reason?
React Europe 2019 30/nov/2018
RevolutionConf 2019 01/dec/2018
Cityconf 2019 01/dec/2018
ComponentsConf 2019 01/dec/2018
Chain React 2019 01/dec/2018
JSHeroes 2019 01/dec/2018
React Amsterdam 2019 01/dec/2018
The Lean Developer London 2019 01/dec/2018
React Day Norway 01/dec/2018
Nordic.js 12/dec/2018 10-11 october 2019