Sistema Escalável de
Design Tokens
Aprenda estratégias e práticas para escalar decisões de design de forma inteligente do Figma ao desenvolvimento.
Tokens Studio
Figma Variables
Style Dictionary
+20h
de aulas gravadas
Toolkits
e materiais exclusivos
Licença PRO
Tokens Studio
durante o período de um mês!
O primeiro curso brasileiro com foco exclusivo em Design Tokens
O curso Sistema Escalável de Design Tokens é o primeiro curso com foco exclusivo em design tokens. Nele você adquirirá todas as habilidades necessárias para criar um sistema que poderá ser utilizado para uma ou múltiplas marcas e temas.
Para garantir o entendimento das estratégias e lógica desse desafio vamos percorrer um roadmap. Utilizaremos o plugin Tokens Studio (com dicas para versão FREE e PRO) em conjunto com o Figma Variables durante o estágio de criação de design tokens no ambiente de design. Em seguida, aprenderemos a sincronizá-los com um repositório do GitHub e a transformar o JSON em arquivos adequados para o front-end por meio da ferramenta Style Dictionary.
Que tal um spoiler?
“Fast Class” sobre tokens de background só para dar um gostinho do que vem por aí!
Sou suspeito pra falar mas a Ana é minha referência em entendimento de arquitetura e taxonomia de tokens. Então, ter tido esse contato mais a fundo com seu conhecimento foi algo que considero imprescindível pra minha carreira e meu trabalho com design systems.
Ivan Jangoux
Um curso onde vale cada centavo! Aprendi muito sobre tokens e sua aplicação… e diferentes dos demais curso as aulas abordam uma temática para adotar no dia a dia e não de forma superficial e genérica! Com certeza foi um grande ganho de conhecimento onde irei aplicar no meu trabalho! Recomendo!
Sérgio Vieira Araujo
Conheça os Módulos
Vamos dar uma rápida recordada no que são design tokens e seus benefícios / desafios.
Antes de sair implementando design tokens que nem um louco, você precisa definir estratégias que vão impactar (e muito!) neste sistema. Estas estratégias iniciais, obviamente, só vão ser assertivas com um bom discovery sobre o ecossistema e neste módulo eu ensio como fazer isto!
Para a maioria, a parte mais complicada de implementar tokens é dar nome a eles. Mas calma! Neste módulo vou explicar e dar dicas de como fazer para criar uma convensão de nomes eficaz.
Conheça o plugin Tokens Studio e todas as soluções que ele oferece para a implementação de design tokens.
Existem limitações e macetes para sincronizar design tokens criados no Tokens Studio com Figma Variables e Styles. Neste módulo você vai aprender como trabalhá-los da melhor forma possível!
Antes de botar a mão na massa, vamos definir a estratégia de arquitetura de arquivos tanto no Figma, quanto no plugin. Existem estratégias diferentes para cada cenário.
Aprenda as estratégias de escalabilidade e os macetes para implementar tokens no Tokens Studio sem muito sofrimento 🤌 🌟
Para garantir a comunicação assertiva entre os times de desgin e desenvolvimento, vamos estruturar um handoff automatizado utilizando um repositório.
A beleza acontece aqui! Vou mostrar algumas configurações para converter seus arquivos JSON em diversos formatos de tokens e os macetes para as criações de cada arquivo.
Vamos falar um pouquinho mais sobre designSystemOps? Neste módulo vamos conversar sobre documentações (com muitas dicas de automatização), manutenção, versionamento e processos para descontinuação de design tokens!
Aprenda a estruturar a arquitetura de design tokens de acordo com a sua estratégia de temificação.
Estruture a arquitetura de design tokens de acordo com a sua estratégia de temificação.
Implemente tokens de forma escalável e rápida.
Converta design tokens para diversas linguagens e plataformas com automatização.
Como vai funcionar?
- Aulas gravadas na plataforma
- Encontros ao vivo via Google Meet
Quarta-feira • 24/04/24
- Aula inaugural ao vivo - 19h00 às 20h00
- Liberação das aulas gravadas dos módulos 1, 2 e 3
Quarta-feira • 02/05/24
- Encontro ao vivo para dúvidas - 19h00 às 20h30
- Liberação das aulas gravadas dos módulos 4 e 5
Quarta-feira • 08/05/24
- Encontro ao vivo para dúvidas - 19h00 às 20h30
- Liberação das aulas gravadas dos módulos 6 e 7
Quarta-feira • 15/05/24
- Encontro ao vivo para dúvidas - 19h00 às 20h30
- Liberação das aulas gravadas dos módulos 8, 9 e 10
Quarta-feira • 22/05/24
- Último encontro ao vivo para dúvidas - 19h00 às 20h30
Conheça o projeto JellyFish
Disponibilizei no Figma um arquivo que é uma prévia da estrutura do sistema de tokens que será usado como base durante o curso.
Inscrições encerradas!
Ana Takahashi
DesignOps e DesignSystemOPs - cVortex
Comecei a trabalhar com design systems em 2019 e desenvolvi uma paixão questionável por sistemas escaláveis. Desde então dedico um pouco do meu tempo para compartilhar experiências neste vasto universo.
Perguntas Frequentes
Este curso é indicado para Designers, Desenvolvedores e Product Managers que estão passando pelo desafio de criar um design system escalável ou que gostariam de entender práticas e lógicas inteligentes para a implementação de design tokens.
Apesar da base conceitual, o curso não é indicado para iniciates devido às abordagens complexas que necessitam de conhecimento mais profundos tanto no uso da plataforma Figma, quanto em CSS.
Sim!!! Pode trazer a turma que o desconto é garantido. Para isso, envie um e-mail para [email protected] para negociar o valor, método de pagamento e recebimento da nota fiscal.
Você pode solicitar sua NF pelo e-mail: [email protected].
Alguns dias antes do curso você receberá por e-mail todas as instruções de como acessar a plataforma do curso e as aulas ao vivo.
Para ter acesso à licença PRO do Tokens studio, você deve marcar o checkbox durante a finalização da inscrição. Você receberá a licença do Tokens Studio por e-mail no dia 23/04. A partir desta data sua licença está ativa e tem o prazo de expiração para o dia 23/05. Portanto, logo que recebido, já pode ativar!
Sim! Após a finalização do curso você receberá um certificado bonitão do curso!
Você tem o prazo de 7 dias após a confirmação de compra para solicitar o reembolso através do e-mail [email protected]. Se o cancelamento for feito após este período, a devolução será parcial, sendo esta equivalente a 50% do valor pago se até um dia antes do curso inciar. Verifique nossa página de Política de Reembolso e Devolucões para mais informações.