Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design System
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Juliane Albuquerque
December 05, 2018
0
59
Design System
Juliane Albuquerque
December 05, 2018
Tweet
Share
More Decks by Juliane Albuquerque
See All by Juliane Albuquerque
React Component Pattern
julianealbuquerque
0
58
Retrospectiva CSS
julianealbuquerque
0
20
Front End - Web + HTML
julianealbuquerque
0
38
Front End - Classes + ID's + CSS + GITHUB
julianealbuquerque
0
44
Front End - Estilizando com CSS
julianealbuquerque
0
31
Front End - Especificidade CSS + Box Model
julianealbuquerque
0
70
Front End - Bootstrap + Media Queries
julianealbuquerque
0
33
Front End - Javascript
julianealbuquerque
0
60
Front End - JQuery
julianealbuquerque
0
40
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
76
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
940
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
My Coaching Mixtape
mlcsv
0
48
Context Engineering - Making Every Token Count
addyosmani
9
650
First, design no harm
axbom
PRO
2
1.1k
How Software Deployment tools have changed in the past 20 years
geshan
0
32k
Why Our Code Smells
bkeepers
PRO
340
58k
Claude Code のすすめ
schroneko
67
210k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
310
Transcript
Design System
JULIANE ALBUQUERQUE @Juliane_Albq Frontend Developer MEU NOME É
Atlassian Design IBM Carbon Meetup Swarm Salesforce Lightning
O QUE NÃO É Design System
Styleguide
Biblioteca de padrões
Frontend Framework
Na verdade … DESIGN SYSTEM não é SÓ isso
O QUE É Design System
DESIGN SYSTEM é um CONJUNTO DE PADRÕES pré estabelecido CONSENSUALMENTE
que tem como objetivo ser um INSTRUMENTO de comunicação entre times permitindo PROJETAR, REALIZAR e DESENVOLVER o produto.
Doug McIlroy Apresentou o Component-Based development em 1968
ECOSSISTEMA Design System
Design System não é algo definitivo ou estático e sim,
um ECOSSISTEMA VIVO e de CONSTANTE EVOLUÇÃO.
None
QUAIS OS BENEFÍCIOS Design System
Estabelecer CONSISTÊNCIA entre DESIGN e ENGENHARIA 1#
FORNECE BASE para construção de INTERFACES MODERNAS e SUSTENTÁVEIS 2#
FACILITAÇÃO e RAPIDEZ no embarque de novos Devs e Designers
no time 3#
Design System NA TECNOLOGIA
É uma ARMADILHA quando acoplamos uma interface de usuário com
uma stack de TECNOLOGIA ESPECÍFICA
É necessário criar um algo que seja PORTÁTIL e ACESSÍVEL
a qualquer stack de tecnologia para que ajude os times de produto a criar interfaces de usuário EFICIENTES e CONSISTENTE
O uso da TECNOLOGIA precisa ser AGNÓSTICA
COMPLEXIDADE jQuery vs React, Angular, Vue, Ember...
RECOMENDAÇÃO Ter uma arquitetura de SISTEMA HIERÁRQUICO que permite manter
um DESIGN SYSTEM agnóstico de tecnologia
None
None
None
CONCLUSÃO ...
DESIGN SYSTEM é cultural
DESIGN SYSTEM é um processo
Para que um DESIGN SYSTEM tenha sucesso é necessário que
TODOS estejam juntos no mesmo barco.
THANKS ... https://notlaura.com/resources-about-front-end-architecture-and-design-systems-etc/ MAIS INFORMAÇÕES: