Figma Avançado: Do Autolayout aos Tokens em Design Systems

12 Horas

Presencial, Lisboa

Workshop Intensivo em Lisboa de 3 semanas para abordar técnicas avançadas no Figma.

símbolo_dgert_entidade formadora_certificada 2
Video promo do workshop de Figma

Este workshop intensivo é uma oportunidade para explorares técnicas avançadas no Figma, desde o Autolayout, aos Tokens e Design Systems, garantindo entregas de designs mais consistentes e escaláveis.

Este curso avançado é para profissionais de UX que querem ir além do “saber usar” Figma e começar a desenhar interfaces com mais intenção, usando as funcionalidades mais avançadas disponíveis, trazendo eficiência e alinhamento com os objetivos do produto e da organização.

É um programa intensivo de 12 horas, presencial, dividido em 3 módulos de 4 horas, que leva-te desde as funcionalidades avançadas de Autolayout até a criação e gestão de Design Tokens dentro de um Design System tornando mais robusto.

À semelhança de um curso online da escola, este workshop terá momentos teóricos, práticos, e dinâmicas de grupo com os restantes participantes. Indicado para pessoas já com experiência em Figma, e que querem aprofundar os conhecimentos nesta ferramenta.

Ao longo do curso, vais aprender a construir layouts responsivos com Autolayout, criar componentes e variants escaláveis, implementar Design Tokens com consistência, estruturar Design Systems robustos e funcionais, criar protótipos avançados com microinterações e, sobretudo, comunicar propostas com clareza e confiança. Tudo isto articulado num fluxo de trabalho colaborativo, pensado para equipas que querem elevar a maturidade de design e fortalecer a ponte com o desenvolvimento.

Com o formador:

Professor_Nuno Simões, TheStarter

Nuno Simões

Senior Design System Designer na Malwarebytes

PARA QUEM É ESTE CURSO

UX & Product Designers // Líderes e Gestores de Design // Design System Managers // Design Lead // UX Lead // Design Ops // Front-end Developers

PRÉ-REQUISITOS

Experiência com Design Systems e Figma ou conclusão de cursos de Design Systems

"O workshop foi incrível, da recepção a como a aula foi divertida, engajadora e perspicaz. Me senti também feliz por estar em torno de designers com experiências diversificadas. Obrigada por essa oportunidade 💐"

Carolina Cachada, UX/UI Designer

Participante no workshop "Psicologia Cognitiva aplicada a UX"

Durante o workshop, reservamos momentos dedicados ao networking e partilha entre participantes — incluindo uma pausa de almoço em grupo. São oportunidades informais para trocar experiências, debater desafios reais e criar conexões com outros profissionais de UX e Produto. Acreditamos que boas conversas também são parte essencial do processo de aprendizagem.

Workshop Presencial user Experience 101 TheStarter 2
Workshop Presencial user Experience 101 TheStarter 1
Workshop Presencial user Experience 101 TheStarter 3
Workshop Presencial user Experience 101 TheStarter 4

Momentos de workshop presenciais

Ao longo de 12 horas presenciais, este workshop vai ajudar quem quer ir além do uso básico do Figma e aplicar recursos avançados de forma estratégica, integrando Autolayout, Tokens e Design Systems, com uma pitada de Inteligência Artificial. Um equilíbrio entre teoria e prática, com exercícios em grupo, simulações reais e dinâmicas colaborativas.

Fundamentos Avançados de Figma & Autolayout (4h)

1º Sábado
  • Fluxo de trabalho colaborativo no Figma
  • Revisão Rápida de Figma
  • Recursos básicos essenciais
  • Anatomia de um arquivo e páginas
  • Autolayout - Conceitos e Prática
  • O que é e por que usar Autolayout
  • Configuração de padding, spacing e alignment
  • Exercício guiado: criar cards responsivos
  • Autolayout Avançado
  • Aninhamentos e hierarquia de flex containers
  • Mix de layouts fixos e flexíveis

Componentes, Variants & Tokens (4h)

2º Sábado
  • Componentização Avançada
  • Criação e organização de componentes base
  • Introdução a Variants: estados e variações
  • Overrides e Composição
  • Como gerenciar overrides em instâncias
  • Estratégias para consistência em projetos complexos
  • Design Tokens - Conceitos
  • O que são Tokens: cores, tipografia, espaçamentos
  • Benefícios para Design Systems e integração com development
  • Aplicando Tokens no Figma
  • Plugins e workflows de extração/importação de tokens

Design Systems, Protótipos e Governança (4h)

3º Sábado
  • Estruturação de Design Systems
  • Planeamento: bibliotecas, nomenclatura e organização
  • Como Tokens e componentes se conectam
  • Prototipagem Interativa
  • Criação de protótipos com Autolayout e variants
  • Animações simples: transições e microinterações
  • Governança e Workflow em Equipa
  • Versionamento de bibliotecas
  • Comentários, compartilhamento e feedback em tempo real
  • Integração com ferramentas (Slack, Jira, etc.)
  • Projeto Final e Encerramento

Aprende as ferramentas para Design Systems

Neste curso avançado vais explorar de forma prática como podes melhorar e automatizar Designs Systems feitos em Figma usando o Cursor AI

cursor_ai_logo

Próxima Edição

01, 08 e 15 Nov

Valor

€500

Local

HOOD, Lisboa

Faz a tua inscrição

A inscrição neste curso é finalizada com o pagamento diretamente no nosso website.

Após a inscrição e pagamento, vais receber materiais de preparação para o workshop.

Emitimos fatura? Sim! Fala connosco após a inscrição.

Inscrição imediata

fast checkout
Certificado Figma Avançado: Do Autolayout aos Tokens em Design Systems
DGERT bw logo

Curso Certificado

Participa em 75% das aulas ao vivo

ou

Entrega os exercícios e/ou projetos propostos, e ficas habilitado(a) a subir de nível na Certificação Internacional TheStarter. Sabe mais aqui.

Portugal

O certificado de formação é acreditado pela DGERT, e será emitido na plataforma SIGO (para residentes em Portugal) - válido para contabilizar para as horas anuais obrigatórias de formação.

Aprende skills* que as empresas pedem

*Extraídas de vagas de emprego

PandaDoc

"És especialista em Figma e usas funcionalidades avançadas como autolayout, bibliotecas, componentes, etc., como parte do teu processo normal de design."

Hyphen

"Conhecimento sólido em Sketch, Adobe XD ou Figma"

"Conhecimento em plug-ins de Figma, e de outras ferramentas"

Prime IT

"Figma avançado, particularmente a criação de bibliotecas partilhadas fáceis de usar para equipas de design maiores"

Nota: Este curso irá abranger mais tópicos dos que aqui apresentados nas descrições.

Feedback de alunos!

Feedback Alunos

Estuda na maior escola especializada em UX e Product Design de Portugal. Cursos avançados ao vivo, práticos e dinâmicos.

Temos como objetivo criar cada vez mais conteúdo e programas mais avançados, de forma prática, dinâmica, e personalizada.

Para sugestões, feedback, colaborar com a comunidade, ou tomar um café (virtual ou não), podes sempre chamar lá no LinkedIn.

Aulas práticas e dinâmicas

Inserido numa micro turma, tens acompanhamento ilimitado dentro e fora das sessões ao vivo.

As sessões não são aulas tradicionais. São imprevisiveis, dinâmicas, construidas à volta das tuas necessidades, dúvidas e problemas com os projetos que estás a executar.

Foco na estratégia, não nas ferramentas

Com o aumento das exigências do mercado, não basta saber ferramenta X ou método Y. É preciso saber pensar design, saber o "quando", o "porquê".

Queremos formar profissionais preparados para defenderem o valor do design a stakeholders, PMs e clientes.

As perguntas mais frequentes

Como funciona o workshop? É online ou presencial?
Onde acontece? Como funciona o espaço?
Como tenho acesso aos materiais do workshop?
O workshop tem certificado?
Sou júnior na área de UX ou Produto, este workshop é para mim?
Como funciona a inscrição no Conjunto de +1 Curso? Como faço essa escolha?
A minha empresa vai pagar, posso pedir fatura?

Ainda estás com dúvidas? Esclarece tudo com o nosso suporte ao aluno.

Fala connosco