Logo
  • Comunidade
  • Vagas
  • Guia
  • Mentoria
  • Seja Um Parceiro
Apoie
🗃️

Design System

Um universo de possibilidades quando começamos a falar sobre DS

Artigos

O que é um Design System e qual sua importância no contexto digital?

Design System é uma documentação que visa a manter a consistência de marca e usabilidade no desenvolvimento de produtos digitais. Saiba mais!

www.cursospm3.com.br

O que é um Design System e qual sua importância no contexto digital?
#2-Seu Design System é um produto

Separamos algumas razões para não encarar ele como um projeto. _________________ Oi, sou o Thiago Hassu, fundador e CEO da Meiuca. Esse é apenas o 2º de uma série de 10 artigos que estou escrevendo para aquecer os motores da nossa Formação Online em Design System & Ops.

medium.com

#2-Seu Design System é um produto
#3-O que é Design Ops? Muita coisa.

E na Meiuca repensamos o seu papel a cada empresa que apoiamos. _________________ Oi, sou o Thiago Hassu, fundador e CEO da Meiuca. Esse já é o 3º artigo de uma série de 10 que decidi escrever para promover nossa Formação em Design System & Ops (corre lá no site e faz sua pré-inscrição, tá?).

medium.com

#3-O que é Design Ops? Muita coisa.
Building a Visual Language

Behind the scenes of our DLS

medium.com

Building a Visual Language
Construindo Design Systems inclusivos

Criar um sistema de componentes vai além de fabricar suas peças e promover seu uso no dia a dia. É sobre unir equipes ao redor de uma linguagem visual comum. Exatamente por serem tão transversais, Design Systems envolvem centenas de decisões difíceis. Aqui no QuintoAndar, facilitamos essa tomada de decisão ao focar em inclusão.

medium.com

Construindo Design Systems inclusivos

Toolkits do DesignOps

Documenting Design Operations

Be part of the State of DesignOps 2021** Have a new resource to share? Send it over to angelos{at} jointfrontiers.com! Here you will find useful resources on DesignOps curated by Angelos Arnis on the behalf of the global community of DesignOps professionals.

documenting.design

Documenting Design Operations
Design Principles

Design Principles are a set of considerations that form the basis of any good product. Design Principles help teams with decision making. A few simple principles or constructive questions will guide your team towards making appropriate decisions.

principles.design

Design Principles
Referências de bons princípios de design para se inspirar

Ferramentas

Design System Checklist

An open-source checklist to help you plan, build and grow your design system.

designsystemchecklist.com

Design System Checklist
Um checklist pra você não esquecer o que precisa dentro do seu DS
UI Guideline - Component Standardization

The definitive guide to standardize the UI Components naming. Our short-term goal is to include more details about each component (size, colors, code, best practices, etc).

www.uiguideline.com

UI Guideline - Component Standardization
Nomenclaturas dentro de um DS
zeroheight · document your design systems, together

Create beautiful living styleguides and document all your design system resources in one place

www.zeroheight.com

zeroheight · document your design systems, together
Uma ferramenta recomendada pra você disponibilizar seu DS
Supernova | The Design System Platform That Grows With You

Connect design and engineering data in a single design system tool. Supernova adapts to your company's needs and enables your teams to accelerate and scale product development.

www.supernova.io

Supernova | The Design System Platform That Grows With You
Storybook: UI component explorer for frontend developers

"Storybook is a powerful frontend workshop environment tool that allows teams to design, build, and organize UI components (and even full screens!) without getting tripped up over business logic and plumbing."

storybook.js.org

Storybook: UI component explorer for frontend developers
Já essa você compartilha com os devs :)
Specify - All-in-one tool for design systems

Specify is a tool to create, scale and maintain a design system. Meet the ultimate bridge for digital product teams.

specifyapp.com

Specify - All-in-one tool for design systems
Essa tava aqui na minha lista, mas não sei muito sobre ela. Não custa dar uma olhada 🤔
Designers | Duet Design System

Duet contains a collection of tools and resources that help you get started designing digital products and experiences for LocalTapiola and Turva. Provided design tools include: The Sketch Toolkit is only available through Abstract that we use to version, manage, and collaborate on Sketch design documents.

www.duetds.com

Designers | Duet Design System
Uma coleção de ferramentas e recursos para designers

Repositórios

Design Systems For Figma

A collection of Design Systems for Figma from all over the globe.

www.designsystemsforfigma.com

Design Systems For Figma
Uma coleção de diversos design systems disponibilizados de forma acessível no Figma
Design Systems articles on building and maintaining design systems

Learn how to define baseline grids, column grids, spacing and layouts Learn how to create, organize, name, and use icons within a design system Learn about choosing typefaces, font weights, styles, sizes, line-heights, and responsive type for your design system. Content and microcopy appear all over design system components.

www.designsystems.com

Design Systems articles on building and maintaining design systems
Uma curadoria sobre DS do próprio Figma
Design Systems Repo

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

designsystemsrepo.com

Design Systems Repo
Um repositório com diversos exemplos de DS
Hey Design Systems!

A space dedicated for all things Design Systems, curated by @saura3h

heydesign.systems

Hey Design Systems!
Uma curadoria de conteúdos sobre o tema

Referências

Carbon Design System

Carbon is IBM's open-source design system for products and experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. The component libraries give developers a collection of reusable components for building websites and user interfaces.

www.carbondesignsystem.com

Carbon Design System
Shopify Polaris

Our style guide helps us collaborate across disciplines to build a great experience for all of Shopify's merchants. It promotes consistency, but it's not a blueprint. Be creative, explore, and evolve the system.

polaris.shopify.com

Shopify Polaris
Atlassian Design

atlassian.design

Spectrum, Adobe's design system

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

spectrum.adobe.com

Spectrum, Adobe's design system
Conta Azul Design

31/08/2019 às 19h30 O programa Tração 2019 foi desenhado para atender startups que já validaram o seu negócio e agora precisam correr contra o tempo para entregar a inovação para o mercado sem comprometer a qualidade das entregas. Nosso Product Design Coordinator João Menezes ministrará um workshop sobre Design Ops nesse programa.

contaazul.design

Conta Azul Design
Bold Design System

Os componentes do Bold foram construídos seguindo as especificações da WCAG no nível AA, para que você possa construir produtos inclusivos para aprimorar a experiência do usuário. O Bold é um projeto open source, portanto se sinta livre para contribuir, abrir issues se você encontrar problemas ou implementar novas funcionalidades.

bold.bridge.ufsc.br

[Extra]

Castle: Um projeto de Design Ops e os processos no desenvolvimento de um Design System de sucesso

Este artigo é um resumo dos principais conceitos absorvidos na formação da Meiuca Design sobre Design System & Ops. Conto um pouco das minhas experiências, acompanhamento dos processos e o resultado final do meu projeto.

brasil.uxdesign.cc

Castle: Um projeto de Design Ops e os processos no desenvolvimento de um Design System de sucesso
Estudo de caso realizado no curso de Design System & Ops da Meiuca.
2021.05 - Design systems

Salve pessoas, tudo certo com vocês?Mais um Opentalks chegando na sua agenda e esse será bem bacana, teremos uma conversa muito massa a respeito de Design Sy...

youtu.be

2021.05 - Design systems
Design System na prática, o desenvolvimento e os times por trás do Mahoe (Banco Pan) e Annecy (Banco Carrefour).
📌
Não esquece de conferir os conteúdos e eventos com a tag #DesignOps aqui no guia!
Siga a VagasUX por aí ☂️

Publicar vaga

Quem organiza

Termos e Políticas

Código de Conduta

© VagasUX 2024 | Por Mah Piacesi | Feito com Notion e algumas magias ✨

InstagramLinkedInWhatsAppTelegramDiscordYouTubeXMediumFacebook