К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Criar designs e protótipos de alta fidelidade no Figma · LearnSpace
Назад в каталог
courseraПрограммирование

Criar designs e protótipos de alta fidelidade no Figma

Курс от Google
Начальный≈ 33.3 чБразильский португальский
О курсеНавыкиПрограммаПреподаватели

О курсе

“Criar designs e protótipos de alta fidelidade no Figma” é o quinto curso de um programa de certificação que vai lhe fornecer as habilidades necessárias para se candidatar a empregos de nível básico em design de experiência do usuário (UX, na sigla em inglês). Neste curso, você seguirá tutoriais passo a passo para aprender como criar designs de alta fidelidade chamados de maquetes no Figma, uma ferramenta de design muito usada. Depois, você transformará esses designs em um protótipo interativo que funciona como um produto final. Você realizará pesquisas para coletar feedback sobre seus designs e fazer melhorias. Por último, você aprenderá a compartilhar seus designs com as equipes de desenvolvimento e a destacar seu trabalho no seu portfólio profissional Seus instrutores serão designers e pesquisadores de UX atuais do Google, e você realizará atividades práticas que simulam situações reais de projeto de UX. Os alunos que concluírem os sete cursos deste programa de certificação estarão equipados para se candidatar a vagas de designers de UX iniciantes. Veja do que você será capaz ao final deste curso: - Criar maquetes e protótipos de alta fidelidade no Figma. - Definir e aplicar elementos e princípios comuns de design visual. - Demonstrar como os sistemas de design podem ser usados para organizar, padronizar e aprimorar designs. - Compreender a função das sessões de crítica de design e do feedback para gerar iterações dos designs. - Aprender como entregar projetos concluídos de design às equipes de engenharia. - Concluir designs de apps para dispositivos móveis e inclui-los em um portfólio profissional. Este curso é adequado para designers de UX iniciantes que concluíram os quatro cursos anteriores do Certificado de Design de UX do Google. Os alunos que não tiverem concluído os cursos anteriores deverão ter sólidos conhecimentos sobre o processo de design, como criar designs de baixa fidelidade em papel e no Figma e como realizar estudos de usabilidade.

Навыки, которые вы освоите

UI ComponentsFigma (Design Software)Design ReviewsGraphic and Visual DesignInteraction DesignDesign Elements And PrinciplesUser Interface and User Experience (UI/UX) DesignUser Experience DesignUser ResearchUser Interface (UI)PrototypingMockupsUser Interface (UI) DesignUsability TestingUser Centered DesignSoftware Design DocumentsUsabilityDigital DesignSoftware DocumentationTypography

Программа курса

6 модулей · 179 учебных материалов

01Fundamentos da criação de mockups 57 материалов

Introdução ao Curso 5

Introdução ao Curso 5: Criar designs e protótipos de alta fidelidade no FigmaВидеоBoas-vindas ao Curso 5ЧтениеOpcional - Leia caso este seja seu primeiro curso do programa de certificaçãoЧтениеOpcional - Teste seus conhecimentos sobre conceitos anteriores

Учитесь у экспертов

Google Career Certificates

Преподаватель курса

Criar designs e protótipos de alta fidelidade no Figma
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 33.3 ч

6 модулей

Язык: Бразильский португальский

Субтитры: Английский

Часть программы вашего университета
Задание
Opcional - Interprete os resultados do seu testeЧтение
Opcional - Envie a instrução escolhida para o projeto de portfólioЗадание
Kunal - Minha jornada até a UXВидео

Começar a criar um mockup

Boas-vindas à semana 1Видео Introdução a mockupsВидеоChikezie - Transição de designs de baixa fidelidade para alta fidelidade ВидеоHabilidades fundamentais para criar mockups no FigmaЧтениеAtividade: Usar designs de baixa fidelidade para iniciar os mockups do seu projeto de portfólioЗаданиеExemplar de atividade: Usar designs de baixa fidelidade para iniciar os mockups do seu projeto de portfólioЧтение

Usar tipografia em mockups

Introdução a elementos fundamentais do design visual ВидеоTipografia no design de UXВидеоA importância da tipografia ВидеоTeste seus conhecimentos sobre tipografiaЗаданиеTrabalhar com tipografia em mockupsЧтениеAdicionar copy do produto a mockupsЧтениеAtividade: Adicionar tipografia aos mockups do seu projeto de portfólioЗаданиеExemplar de atividade: Adicionar tipografia aos mockups do seu projeto de portfólioЧтениеCompartilhe um exemplo de tipografia interessante em um app Обсуждение

Usar a cor em mockups

Colorir um design de UXВидеоTeste seu conhecimento sobre corЗаданиеTrabalhar com cores em mockups ЧтениеConsiderações de acessibilidade em relação a coresЧтениеAtividade: Adicione cores aos seus mockups do projeto do portfólio ЗаданиеExemplar de atividade: Adicione cores aos seus mockups do projeto do portfólio Чтение

Usar iconografia em mockups

Iconografia no design de UXВидеоTrabalhar com ícones em mockups ЧтениеAtividade: Adicione ícones aos seus mockups do projeto do portfólioЗаданиеExemplar de atividade: Adicione ícones aos seus mockups do projeto do portfólioЧтениеCompartilhe um exemplo dos ícones do seu app favoritoОбсуждениеConstrua um modelo a partir de elementos fundamentaisPLUGINSaiba mais elementos de design visual ЧтениеAdicionar imagens aos seus mockupsВидеоEncontrar imagens de estoque para mockupsЧтениеOutras considerações de designЧтение

Layout de páginas - grades e contenção

Introdução a layoutsВидеоUsar grades para orientar layouts ВидеоCriar grades em mockupsЧтениеAtividade: Crie grades nos seus mockups do projeto de portfólioЗаданиеExemplar de atividade: Crie grades nos seus mockups do projeto de portfólioЧтениеUsar contenção em layoutsВидеоCriar contenção em mockupsЧтениеAtividade: Crie contenção nos seus mockups do projeto de portfólioЗаданиеExemplar de atividade: Crie contenção nos seus mockups do projeto de portfólioЧтение

Layouts de página - espaço negativo

Usar espaço negativo (em branco) em layoutsВидеоUsar espaço negativo em mockupsЧтениеTeste seus conhecimentos sobre contenção e espaço negativo no designPLUGINAtividade: Revise os mockups do seu projeto de portfólio adicionando espaço negativoЗаданиеExemplar de atividade: Revise os mockups do seu projeto de portfólio adicionando espaço negativoЧтениеPadrões comuns de design em aplicativosЧтениеAutorreflexão: Compartilhe o que você aprendeu sobre layouts de páginaЗадание

Revisão da semana 1

Finalização: Fundamentos da criação de mockups Видео​​GlossárioЧтениеDesafio semanal 1: Aplicar elementos de base de design visual aos mockups do projeto do portfólioВзаимная проверка
02Como aplicar princípios de design visual a mockups 30 материалов

Aplicar princípios de design visual a mockups (parte 1)

Boas-vindas à semana 2ВидеоÊnfase no design de UXВидеоUsar ênfase em mockupsЧтениеHierarquia no design de UXВидеоUsar hierarquia em mockupsЧтениеTeste seus conhecimentos sobre ênfase e hierarquiaЗадание

Aplicar princípios de design visual a mockups (parte 2)

Escala e proporção no design de UXВидеоEscala e proporção em mockups ЧтениеTeste seus conhecimentos sobre escala e proporçãoЗаданиеUnidade e variedade no design de UXВидеоUnidade e variedade em mockups ЧтениеTeste seus conhecimentos sobre unidade e variedadeЗадание

Refinar designs de mockups

Aplicar os princípios de Gestalt a mockupsВидеоSaiba mais sobre outros princípios de Gestalt ЧтениеTeste seus conhecimentos sobre os princípios de GestaltЗаданиеAtividade: Aplique os princípios de Gestalt aos seus mockups do projetos do portfólioЗаданиеExemplar de atividade: Aplique os princípios de Gestalt aos seus mockups do projetos do portfólioЧтениеExplique a lógica por trás do seu uso dos princípios de GestaltОбсуждение

Revisão da semana 2

Finalização: Como aplicar princípios de design visual a mockups ВидеоGlossárioЧтениеDesafio semanal 2: Aperfeiçoe seus mockups do projeto do portfólioВзаимная проверка
03Como explorar sistemas de design 20 материалов

Compreender os sistemas de design

Boas-vindas à semana 3ВидеоIntrodução aos sistemas de designВидеоBenefícios dos sistemas de design ВидеоTeste seus conhecimentos sobre sistemas de designЗаданиеSistema de design do Google: Material DesignВидеоSistema de design da Shopify: Polaris ВидеоTeste sistemas de design conhecidos ЧтениеTestar seu conhecimento sobre recursos de sistemas de design de código abertoЗадание

Criar uma folha de adesivos

Criar uma folha de adesivos no FigmaВидеоAtividade: Crie uma folha de adesivos para os designs de projetos de portfólioЗаданиеExemplar de atividade: Crie uma folha de adesivos para os designs de projetos de portfólioЧтение

Usar sistemas de design

Usar uma biblioteca de sistema de design no FigmaВидеоInspire-se nos sistemas de designЧтениеOpcional – Aprenda com o Figma – Use uma biblioteca de sistema de designЧтениеTestar seus conhecimentos sobre como trabalhar com sistemas de design no FigmaЗаданиеCompartilhar um sistema de design de código aberto que você quer utilizar nos próprios designsОбсуждениеShabi – Considere tecnologias assistivas ao trabalhar em sistemas de designВидео

Revisão da semana 3

Finalização: Como explorar sistemas de designВидеоGlossárioЧтениеDesafio semanal 3: Explorar sistemas de designЗадание
04 Como participar de sessões de crítica de design19 материалов

Dar e receber feedbacks de design

Boas-vindas à semana 4ВидеоDar e receber feedbacks como designer de UXВидеоDar e receber feedbacks como designer de UXPLUGINCompartilhar os feedbacks que você recebeuОбсуждение

Explorar as sessões de crítica de design

Noções básicas das sessões de crítica de designВидеоPráticas recomendadas para sessões de crítica de designВидеоSaiba mais sobre as sessões de crítica de designЧтениеTestar seus conhecimentos sobre sessões de crítica de designЗаданиеKunal – Minha experiência com sessões de crítica de designВидеоAutorreflexão: solicitar feedback sobre seu trabalhoЗадание

Observar uma sessão de crítica simulada

Introdução a uma sessão de crítica simuladaВидеоObservar uma sessão de crítica simuladaВидеоCompartilhar os aprendizados da sessão de crítica simuladaОбсуждение

Implementar o feedback da sessão de crítica

Transformar o feedback da sessão de crítica em açõesВидеоIterar em modelos com base no feedback das sessões críticasВидеоTestar seus conhecimentos sobre como implementar feedback de sessões críticasЗадание

Revisão da semana 4

Finalização: como participar de sessões de crítica de designВидеоGlossárioЧтениеDesafio semanal 4: Participar de sessões de crítica de designЗадание
05Como criar protótipos de alta fidelidade17 материалов

Compreender protótipos de alta fidelidade

Boas-vindas à semana 5ВидеоIntrodução aos protótipos de alta fidelidade ВидеоCriar um protótipo de alta fidelidade no Figma ВидеоTeste seus conhecimentos sobre a criação de um protótipo de alta fidelidade no FigmaЗадание

Gestos e movimentos

Gestos e movimentos no design de UX ВидеоTipos de gestos e movimentos ЧтениеAdicionar gestos e movimentos no Figma ВидеоTeste seus conhecimentos sobre gestos e movimentosЗаданиеSaiba mais sobre protótipos no Figma ЧтениеQuestões de acessibilidade para gestos e movimentos ВидеоAutorreflexão: Considerar questões de acessibilidade ao projetar com movimentos ЗаданиеJen - Projetar pensando na acessibilidadeВидеоAprenda do Figma - Interações e feedback do protótipo ВидеоOutras maneiras de aprimorar protótipos de alta fidelidadeЧтение

Revisão da semana 5

Finalização: Como criar protótipos de alta fidelidadeВидеоGlossárioЧтениеDesafio semanal 5: Criar um protótipo de alta fidelidade para o projeto do portfólioВзаимная проверка
06Como testar e iterar designs 36 материалов

Planejar um estudo de usabilidade

Bem-vindo à semana 6ВидеоPlanejar um estudo de pesquisa de UXВидео Saiba mais sobre como planejar um estudo de pesquisa de UXЧтение Atividade: Planejar um estudo de pesquisa de UX para seu projeto de portfólioЗаданиеExemplo de atividade: Planejar um estudo de pesquisa de UX para seu projeto de portfólioЧтение

Realizar um estudo de usabilidade

Realizar um estudo de usabilidadeВидеоSaber mais sobre como realizar um estudo de usabilidadeЧтениеAutorreflexão: Considerar o viés em seu estudo de usabilidadeЗаданиеAtividade: Realizar um estudo de usabilidade para seu projeto de portfólioЗаданиеExemplar de atividade: Realizar um estudo de usabilidade para seu projeto de portfólioЧтение

Analisar e sintetizar os resultados do estudo de usabilidade

Analisar e sintetizar os resultados do estudo de usabilidadeВидеоSaber mais sobre como analisar e sintetizar os resultados do estudo de usabilidadeЧтениеTestar seus conhecimentos sobre como criar insights de pesquisaЗаданиеAtividade: Analisar e sintetizar os resultados do estudo de usabilidade do seu projeto de portfólioЗаданиеExemplar de atividade: Analisar e sintetizar os resultados do estudo de usabilidade do seu projeto de portfólioЧтение Compartilhar os aprendizados do seu estudo de usabilidade Обсуждение

Iterar em designs de alta fidelidade

Iterar em designs de alta fidelidadeВидеоAtividade: Refinar designs de projeto de portfólio de alta fidelidadeЗаданиеExemplar de atividade: Refinar designs de projeto de portfólio de alta fidelidadeЧтениеIdentificar quando um design está concluídoВидео Saiba mais sobre como identificar quando um design está concluídoЧтениеDesigns finais do app para passear com cães no FigmaЧтение

Documentar e compartilhar designs

Documentar e compartilhar designsВидеоTransferir designs para produçãoВидеоAprender com o Figma – Preparar-se para a transferênciaВидеоTestar seus conhecimentos sobre a transferência de designsЗаданиеCriar um estudo de caso para seu projeto de portfólioВидеоSaber mais sobre como criar um estudo de caso para seu projeto de portfólioЧтение

Revisão da semana 6

Finalização: Como testar e iterar designsВидеоGlossário ЧтениеDesafio semanal 6: Criar um estudo de caso para seu portfólioВзаимная проверка

Revisão do curso

Parabéns por concluir o Curso 5: Criar designs e protótipos de alta fidelidade no FigmaВидеоCompartilhe sua experiência no curso ОбсуждениеComece o próximo cursoЧтение
Atividade: Aplique princípios de design visual aos seus mockups do projeto do portfólio Задание
Exemplar de atividade: Aplique princípios de design visual aos seus mockups do projeto do portfólio Чтение
Explique a lógica por trás da forma como você aplicou os princípios de design visualОбсуждение
Aplicar princípios de design visualPLUGIN
Reflita sobre seu progressoВидео
Outros elementos e princípios de design visual Чтение
Saiba mais sobre os princípios de design de interface Чтение
Como incluir a navegação em mockupsЧтение
Autorreflexão: Como incluir a navegação em mockupsЗадание
Testar seus conhecimentos sobre estudos de caso em portfólios de UX Задание
Compartilhar um exemplo de um estudo de caso em um portfólio de design de UXОбсуждение