Criar designs e protótipos de alta fidelidade no Figma from Coursera

“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.

What's inside

Syllabus

Fundamentos da criação de mockups

Concentre-se no design visual, que é a aparência de um produto ou tecnologia para os usuários. Nesta parte do curso, você vai começar a criar mockups, que são designs de alta fidelidade que representam um produto final. Para criar mockups, você vai usar elementos de design visual, como tipografia, cor e iconografia. Esses elementos costumam ser organizados em layouts usando métodos como grades, contenção e espaço negativo. Você vai aplicar todos esses aprendizados de design visual na criação dos designs do aplicativo móvel em que você tem trabalhado ao longo do programa de certificação.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Este programa de certificação irá lhe preparar para se candidatar a vagas de designers de UX

Este curso faz parte do programa de certificação Google Carrer Certificates

São elegíveis para este curso aqueles que concluíram os quatro primeiros cursos do programa de certificação

Ele ensina como usar o Figma

Ensina princípios de design visual

Desenvolve competências para participar de sessões de crítica de design

Ensina conceitos como gestos e movimentos

Este curso é parte de um programa extenso que cobre todo o processo de design UX

Reviews summary

Figma para ux: designs e protótipos

De acordo com os alunos, este curso é altamente prático e fundamental para quem busca iniciar ou aprimorar suas habilidades em design UX com Figma. Os participantes destacam a clareza das explicações sobre mockups e protótipos de alta fidelidade e a forma como os instrutores do Google transmitem o conhecimento de forma didática. É considerado excelente para iniciantes, oferecendo uma base sólida para o mercado de trabalho. A ênfase na construção de portfólio e a inclusão de temas como sistemas de design e sessões de crítica são frequentemente elogiadas. No entanto, alguns apontam que, para usuários já experientes no Figma, o ritmo pode ser lento, e certas seções, um pouco superficiais ou repetitivas.

Cobre temas importantes como sistemas de design e crítica.

"Gostei bastante do conteúdo, especialmente a parte sobre sistemas de design."

"A parte de feedback e crítica foi boa."

"A parte de crítica é algo que todo designer precisa aprender."

Ideal para quem está começando em UX design com Figma.

"Para iniciantes é excelente."

"Perfeito para iniciantes. A forma como explicam a transição de mockups para protótipos interativos é muito clara."

"Recomendo para quem está no começo, pois ele realmente cobre o básico e mais um pouco de forma bem estruturada."

Qualidade da instrução por profissionais do Google UX.

"Os instrutores do Google sabem muito."

"Instrutores muito didáticos."

"Acredito que a experiência dos instrutores é um ponto forte, eles trazem exemplos claros e relevantes."

Direcionado para a criação de um portfólio profissional de UX.

"Incrível! Essencial para quem quer montar um portfólio de UX. As dicas para passar para as equipes de engenharia são ouro."

"Adorei os exercícios e a forma como incentivam o portfólio."

"Conteúdo excelente e instrutores muito didáticos. O foco em construir um portfólio é um grande diferencial."

Oferece fundamentos práticos e essenciais para prototipagem em Figma.

"Este curso é fantástico! Cobriu tudo o que eu precisava saber sobre Figma para protótipos de alta fidelidade."

"Perfeito para iniciantes. A forma como explicam a transição de mockups para protótipos interativos é muito clara."

"Curso muito prático! As aulas sobre design systems foram muito esclarecedoras. Me sinto mais confiante para criar meus próprios designs no Figma e apresentá-los."

Pode ser superficial ou lento para quem já tem base em Figma.

"Achei que poderia ter um pouco mais de desafios práticos para quem já tem alguma base, mas para iniciantes é excelente."

"O curso é bom, mas sinto que algumas partes são um pouco superficiais, especialmente se você já conhece Figma."

"Esperava mais, senti que algumas explicações eram repetitivas e o ritmo muito lento. Não me agregou tanto quanto os cursos anteriores, talvez por já ter alguma experiência com Figma."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Criar designs e protótipos de alta fidelidade no Figma with these activities:

Participe de meetups ou conferências de UX/UI

Show steps

Participar de eventos da indústria conectará você a profissionais de UX/UI e ampliará sua rede.

Show steps

Pesquise e identifique meetups ou conferências de UX/UI relevantes.
Participe dos eventos e interaja com outros participantes.

Escreva um artigo de blog sobre os prós e contras dos sistemas de design

Show steps

Escrever sobre sistemas de design fortalecerá sua compreensão de seus benefícios e desafios.

Browse courses on UI/UX

Show steps

Pesquise sistemas de design e identifique seus principais benefícios.
Examine as desvantagens dos sistemas de design.
Compare e contraste os benefícios e desvantagens em seu artigo.

Pratique o uso de gestos e movimentos no Figma

Show steps

Praticar gestos e movimentos no Figma aprimorará a usabilidade e a experiência do usuário de seus designs.

Browse courses on Figma

Show steps

Explore os recursos de gestos e movimentos no Figma.
Crie protótipos interativos que utilizem gestos e movimentos.
Teste os protótipos com usuários e colete feedback.

Three other activities

Expand to see all activities and additional details

Show all six activities

Participe de um workshop sobre design de UI/UX

Show steps

Os workshops fornecerão treinamento prático aprofundado em aspectos específicos do design de UI/UX.

Browse courses on Design Thinking

Show steps

Localize e inscreva-se em um workshop de design de UI/UX.
Participe ativamente do workshop e conclua os exercícios.
Aplique as técnicas e conhecimentos aprendidos em seus projetos de design.

Crie um protótipo de aplicativo móvel interativo

Show steps

Criar um protótipo interativo testável consolidará seu aprendizado sobre protótipos de alta fidelidade.

Show steps

Escolha um aplicativo móvel para prototipar.
Crie wireframes para o aplicativo.
Importe os wireframes para o Figma e crie um protótipo de alta fidelidade.
Teste o protótipo com usuários e colete feedback.
Revise e itere no protótipo com base no feedback.

Desenvolva um sistema de design para um produto ou serviço existente

Show steps

Desenvolver um sistema de design de ponta a ponta aprimorará suas habilidades de design e organização.

Browse courses on UI/UX

Show steps

Escolha um produto ou serviço para o qual deseja criar um sistema de design.
Analise o produto ou serviço atual e identifique áreas de melhoria.
Crie uma biblioteca de elementos de design reutilizáveis.
Desenvolva um guia de estilo para o sistema de design.
Implemente o sistema de design no produto ou serviço.

Career center

Learners who complete Criar designs e protótipos de alta fidelidade no Figma will develop knowledge and skills that may be useful to these careers:

Visual Designer

Visual designers are responsible for the visual aesthetics of a product or service, including the creation of high-fidelity mockups and prototypes. This course can help you to develop the skills needed for this role, as it covers the fundamentals of visual design and provides hands-on practice with Figma.

See salaries and explore the career path for Visual Designer

UX Engineer

UX engineers are responsible for the technical implementation of user experience (UX) designs, including the creation of prototypes and high-fidelity mockups. This course can be a useful addition to your skillset. It will help teach you the principles of UX design and how to use Figma to create interactive prototypes. These skills can assist you in creating user-centric experiences.

See salaries and explore the career path for UX Engineer

UI Designer

UI designers create engaging and visually aesthetic interfaces for websites and applications. This course can provide the foundation needed for success, as UI designers will need to create high-fidelity designs and prototypes. Furthermore, the course provides hands-on practice with Figma, an industry-standard tool that is frequently used by UI designers to build both static mockups and interactive prototypes.

See salaries and explore the career path for UI Designer

Web Designer

Web designers create and maintain websites, ensuring they are visually appealing and user-friendly. This course can help you to develop these skills, as it covers the fundamentals of visual design and provides hands-on practice with Figma, an industry-standard tool for web design. Furthermore, the course will provide practice in creating high-fidelity prototypes.

See salaries and explore the career path for Web Designer

Front-End Engineer

Front end engineers are responsible for the design and implementation of the user interface (UI) of a website or application. This course can help you to develop the skills needed for this role, as it covers the fundamentals of visual design and provides hands-on practice with Figma, an industry-standard tool for UI design. Furthermore, the course will provide practice in creating high-fidelity prototypes which will help bridge the gap between design and development.

See salaries and explore the career path for Front-End Engineer

Interaction Designer

Interaction designers are responsible for designing the interactions between users and products or services. This course can help you to develop the skills needed for this role, as it covers the fundamentals of UX design and provides hands-on practice with Figma. Furthermore, the course will provide practice in creating high-fidelity prototypes and incorporating user research and feedback into your design process.

See salaries and explore the career path for Interaction Designer

UX Researcher

UX researchers study user behavior and preferences to inform the design of products and services. This course will help you to develop these research skills, as it includes a module on conducting user research and gathering feedback. Furthermore, as you create prototypes and mockups, you will need to gain an understanding of the user experience and apply that knowledge to your designs.

See salaries and explore the career path for UX Researcher

Experience Designer

Experience designers are responsible for creating seamless and engaging experiences for users across all touchpoints. This course can help you to develop these skills, as it covers the fundamentals of UX design, provides hands-on practice with Figma, and helps you to understand how to incorporate user feedback and research into your design process.

See salaries and explore the career path for Experience Designer

Product Designer

Product designers are responsible for the entire product development process, from ideation to launch. This course can help you to develop the skills needed for this role, as it covers the fundamentals of visual design, provides hands-on practice with Figma, and helps you understand the importance of user research and feedback in the design process.

See salaries and explore the career path for Product Designer

UX Writer

UX writers create the written content for a product or service, including the development of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of UX design and provides hands-on practice with Figma. However, this role typically requires strong writing skills and experience in content strategy.

See salaries and explore the career path for UX Writer

UX Architect

UX architects design the overall structure and experience of a product or service, including the creation of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of UX design and provides hands-on practice with Figma. However, this role typically requires an advanced degree and experience in both design and development.

See salaries and explore the career path for UX Architect

Information Architect

Information architects design the structure and organization of information within a product or service, including the creation of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of UX design and provides hands-on practice with Figma. However, this role typically requires an advanced degree and experience in information management.

See salaries and explore the career path for Information Architect

Art Director

Art directors oversee the visual aspects of a product or service, including the development of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of visual design and provides hands-on practice with Figma. However, this role typically requires an advanced degree and experience managing a team of designers.

See salaries and explore the career path for Art Director

Creative Director

Creative directors oversee the creative vision of a product or service, including the development of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of visual design and provides hands-on practice with Figma. However, this role typically requires experience managing a team of designers and the ability to manage large-scale projects.

See salaries and explore the career path for Creative Director

Graphic Designer

Graphic designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful as it provides foundational skills in visual design and hands-on practice with Figma. Figma is a vector graphics editor and prototyping tool that is widely used across industries for web design and mobile app design.

See salaries and explore the career path for Graphic Designer