Boas-vindas, estudante! Meu nome é Maria Silveira, sou monitora e instrutora na Escola de UX & Design da Alura, e irei acompanhar você durante este curso prático de handoff no Figma.
Audiodescrição: Maria se descreve como uma mulher de pele parda, com cabelo cacheado de comprimento médio castanho-escuro, amarrado em um rabo de cavalo, sobrancelhas castanho-escuras, e olhos castanho-escuros. Ela veste uma camisa branca e está sentada em frente a um microfone preto, com uma parede clara ao fundo iluminada em gradiente lilás e uma estante triangular de madeira à esquerda da instrutora, contendo livros e enfeites variados.
Você já sentiu dificuldade em passar o design, a interface, o produto ou até a documentação para o time de desenvolvimento? Se sim, essa prática é para você!
Neste curso, abordaremos três práticas de como documentar o handoff para o time de desenvolvimento, ou seja, como transmitir tudo o que foi feito.
Na primeira prática, vamos organizar todos os componentes que temos, criando seções e documentando todos os design tokens criados anteriormente.
Por exemplo: podemos documentar design tokens de cores, tipografia, e até mesmo de espaçamento a serem utilizados em determinado projeto.
Além de criar seções no documento, é possível criar um novo documento em sua própria conta e utilizá-lo da maneira que julgar ideal, principalmente para a documentação do handoff.
Na segunda prática, traremos informações mais específicas sobre determinada tela ou componente. Para isso, utilizaremos um plugin. Como exemplo, vamos trazer o menu de navegação.
Usaremos o plugin Specs para obter informações detalhadas sobre esse componente para o time. Essas informações incluem anatomia e algumas propriedades do componente.
Observação: faremos o mesmo para a tela da board de tarefas.
Após utilizar o plugin, teremos informações sobre anatomia, tamanho, largura, background do componente, espaçamentos utilizados, entre outras características.
Essas informações serão trazidas para a tela utilizando o plugin.
Importante! Caso ocorra algum problema, separamos um handoff kit para detalhamento e documentação. Há componentes separados no projeto em questão, como área, espaçamento e setas, para serem utilizados na documentação. Temos também um exemplo de como utilizar esses componentes para detalhar informações para o time.
A terceira prática é utilizar um checklist, onde marcamos o que foi feito ou não. Se necessário, podemos adicionar novas tarefas ao design system, caso algo não tenha sido abordado no checklist.
Esperamos que, a partir desses exercícios, você consiga documentar de forma mais eficaz a tela que será passada para o time de desenvolvimento. Nos encontramos em outros conteúdos na Alura!
O curso Practicando Figma: Handoff possui 5 minutos de vídeos, em um total de 7 atividades. Gostou? Conheça nossos outros cursos de UX Design em UX & Design, ou leia nossos artigos de UX & Design.
Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:
O Plano Plus evoluiu: agora com Luri para impulsionar sua carreira com os melhores cursos e acesso à maior comunidade tech.
2 anos de Alura
Matricule-se no plano PLUS 24 e garanta:
Jornada de estudos progressiva que te guia desde os fundamentos até a atuação prática. Você acompanha sua evolução, entende os próximos passos e se aprofunda nos conteúdos com quem é referência no mercado.
Programação, Data Science, Front-end, DevOps, Mobile, Inovação & Gestão, UX & Design, Inteligência Artificial
Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.
Acesso à inteligência artificial da Alura.
No Discord, você participa de eventos exclusivos, pode tirar dúvidas em estudos colaborativos e ainda conta com mentorias em grupo com especialistas de diversas áreas.
Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.
Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.
Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.
Luri Vision chegou no Plano Pro: a IA da Alura que enxerga suas dúvidas, acelera seu aprendizado e conta também com o Alura Língua que prepara você para competir no mercado internacional.
2 anos de Alura
Todos os benefícios do PLUS 24 e mais vantagens exclusivas:
Chat, busca, exercícios abertos, revisão de aula, geração de legenda para certificado.
Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.
Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.
Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.
Para quem quer atingir seus objetivos mais rápido: Luri Vision ilimitado, vagas de emprego exclusivas e mentorias para acelerar cada etapa da jornada.
2 anos de Alura
Todos os benefícios do PRO 24 e mais vantagens exclusivas:
Catálogo de tecnologia para quem é da área de Marketing
Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais de forma ilimitada.
Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.
Conecte-se ao mercado com mentoria individual personalizada, vagas exclusivas e networking estratégico que impulsionam sua carreira tech para o próximo nível.
