CONSTRUINDO UM DESIGN SYSTEM NA PRÁTICA. NATÁLIA BATISTA & LUENNE NERI
Update: 2019-04-23
Description
Quais são as os desafios para a estruturação e manutenção de um Design System? Como integrar times diferentes, como contar com a ajuda dos desenvolvedores?
Estas são algumas perguntas que a Natália Batista e Luenne Neri, lá do grupo ZAP (São Paulo), conseguiram responder e vêm agora compartilhar conosco neste episódio do UXlab.
Valeu Natália e Luenne pelo relato!
Mais links para complementar este episódio:
LinkedIn Natália Batista
https://www.linkedin.com/in/nat%C3%A1lia-batista-b6006a28/
LinkedIn Luenne Neri:
https://www.linkedin.com/in/luenneneri/
Links e referência que a Natália e a Luenne recomendam.
Atomic design e design tokens:
http://atomicdesign.bradfrost.com/
https://www.invisionapp.com/design-system-manager/expert-advice
https://www.designbetter.co/design-systems-handbook
_artigos:
https://uxdesign.cc/design-tokens-for-dummies-8acebf010d71
https://blog.prototypr.io/design-tokens-with-figma-aef25c42430f
https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421
https://badootech.badoo.com/from-zero-to-cosmos-part-1-2d080fe35bf2
https://badootech.badoo.com/from-zero-to-cosmos-part-2-97929e13f839
https://badootech.badoo.com/from-zero-to-cosmos-part-3-95e2c98c45a6
http://bradfrost.com/blog/post/your-sketch-library-is-not-a-design-system/
Benchmark de Design Systems:
_repo:
https://adele.uxpin.com/
https://uxdesign.cc/resources-links-references-and-articles-on-design-systems-e8ab898e0ab5
Fundamentos:
_cor:
https://design.lyft.com/re-approaching-color-9e604ba22c88?gi=b4255f6dd662
_tipografia:
https://www.toptal.com/designers/typography/web-typography-infographic
http://book.webtypography.net/
Biblioteca e símbolos:
https://www.sketch.com/docs/
https://www.linkedin.com/learning/creating-a-design-system-with-sketch/welcome
Plugins e ferramentas úteis:
_repo:
https://designsystemsrepo.com/tools/
_acessibilidade:
https://getstark.co/
https://contrast-ratio.com/
http://accessible-colors.com/
https://webaim.org/resources/contrastchecker/
_cor:
https://www.colorbox.io/
_organização:
https://rodi01.github.io/RenameIt/
https://github.com/demersdesigns/sketch-batch-create-symbols
Softwares e plataformas usadas:
https://vueds.com
https://www.sketch.com/
https://storybook.js.org/
https://www.abstract.com/
Assine o UXlab:
Para mais sobre Design e UX, incluindo vídeos sobre conceitos, ferramentas e entrevistas: https://goo.gl/VLytVE
Estas são algumas perguntas que a Natália Batista e Luenne Neri, lá do grupo ZAP (São Paulo), conseguiram responder e vêm agora compartilhar conosco neste episódio do UXlab.
Valeu Natália e Luenne pelo relato!
Mais links para complementar este episódio:
LinkedIn Natália Batista
https://www.linkedin.com/in/nat%C3%A1lia-batista-b6006a28/
LinkedIn Luenne Neri:
https://www.linkedin.com/in/luenneneri/
Links e referência que a Natália e a Luenne recomendam.
Atomic design e design tokens:
http://atomicdesign.bradfrost.com/
https://www.invisionapp.com/design-system-manager/expert-advice
https://www.designbetter.co/design-systems-handbook
_artigos:
https://uxdesign.cc/design-tokens-for-dummies-8acebf010d71
https://blog.prototypr.io/design-tokens-with-figma-aef25c42430f
https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421
https://badootech.badoo.com/from-zero-to-cosmos-part-1-2d080fe35bf2
https://badootech.badoo.com/from-zero-to-cosmos-part-2-97929e13f839
https://badootech.badoo.com/from-zero-to-cosmos-part-3-95e2c98c45a6
http://bradfrost.com/blog/post/your-sketch-library-is-not-a-design-system/
Benchmark de Design Systems:
_repo:
https://adele.uxpin.com/
https://uxdesign.cc/resources-links-references-and-articles-on-design-systems-e8ab898e0ab5
Fundamentos:
_cor:
https://design.lyft.com/re-approaching-color-9e604ba22c88?gi=b4255f6dd662
_tipografia:
https://www.toptal.com/designers/typography/web-typography-infographic
http://book.webtypography.net/
Biblioteca e símbolos:
https://www.sketch.com/docs/
https://www.linkedin.com/learning/creating-a-design-system-with-sketch/welcome
Plugins e ferramentas úteis:
_repo:
https://designsystemsrepo.com/tools/
_acessibilidade:
https://getstark.co/
https://contrast-ratio.com/
http://accessible-colors.com/
https://webaim.org/resources/contrastchecker/
_cor:
https://www.colorbox.io/
_organização:
https://rodi01.github.io/RenameIt/
https://github.com/demersdesigns/sketch-batch-create-symbols
Softwares e plataformas usadas:
https://vueds.com
https://www.sketch.com/
https://storybook.js.org/
https://www.abstract.com/
Assine o UXlab:
Para mais sobre Design e UX, incluindo vídeos sobre conceitos, ferramentas e entrevistas: https://goo.gl/VLytVE
Comments
In Channel

















![STARTING A CAREER AS A FREELANCER DESIGNER | RAN SEGALL [ENG] STARTING A CAREER AS A FREELANCER DESIGNER | RAN SEGALL [ENG]](https://s3.castbox.fm/d4/31/45/52568a399ae21f6ff58016544854ec7e14_scaled_v1_400.jpg)
![JONATHAN COURTNEY - DESIGN SPRINTS 2.0 [ENG] JONATHAN COURTNEY - DESIGN SPRINTS 2.0 [ENG]](https://s3.castbox.fm/3a/6f/cd/da31582866a7f53ea46584ac3f7073d08c_scaled_v1_400.jpg)




