4.8
estrellas
2,630 calificaciones

99 %

Google Career Certificates

Instructor principal

136.135 ya inscrito

Ofrecido Por

Google

Acerca de este Curso

1.426.450 vistas recientes

Create High-Fidelity Designs and Prototypes in Figma is the fifth course in a certificate program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design. In this course, you will follow step-by-step tutorials to learn how to create high-fidelity designs, called mockups, in Figma, a popular design tool. Then, you’ll turn those designs into an interactive prototype that works like a finished product. You’ll conduct research to collect feedback about your designs and make improvements. Finally, you’ll learn how to share your designs with development teams and highlight your work in your professional UX portfolio.
Current UX designers and researchers at Google will serve as your instructors, and you will complete hands-on activities that simulate real-world UX design scenarios. Learners who complete the seven courses in this certificate program should be equipped to apply for entry-level jobs as UX designers. 

By the end of this course, you will be able to:
   - Build mockups and high-fidelity prototypes in Figma.
   - Define and apply common visual design elements and principles.
   - Demonstrate how design systems can be used to organize, standardize, and enhance designs.
   - Understand the role of design critique sessions and feedback while iterating on designs. 
   - Learn how to hand off finished design projects to engineering teams. 
   - Complete mobile app designs to include in a professional UX portfolio. 

This course is suitable for beginner-level UX designers who have completed the previous four courses of the Google UX Design Certificate. Alternatively, learners who have not completed the previous courses should have a strong understanding of the design process, how to create low-fidelity designs on paper and in Figma, and how to conduct usability studies.

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel principiante

Aprox. 39 horas para completar

Inglés (English)

¿Podría tu empresa beneficiarse de la capacitación de los empleados en las habilidades más demandadas?

Prueba Coursera para negocios

Qué aprenderás

Build mockups and high-fidelity prototypes in the design tool Figma.
Define and apply common visual design elements and principles.
Demonstrate how design systems can be used to organize, standardize, and enhance designs.
Understand the role of design critique sessions and feedback while iterating on designs.

Habilidades que obtendrás

User Experience (UX)
mockup
Figma
Prototype
User Experience Design (UXD)

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel principiante

Aprox. 39 horas para completar

Inglés (English)

¿Podría tu empresa beneficiarse de la capacitación de los empleados en las habilidades más demandadas?

Prueba Coursera para negocios

Instructor

Calificación del instructor

4,84/5 (809 calificaciones)

Google Career Certificates
Instructor principal

6.013.500 alumnos

247 cursos

Ofrecido por

Google

Mira cómo los empleados de las mejores empresas dominan las habilidades más demandadas

Obtén más información sobre Coursera para Empresas

Programa - Qué aprenderás en este curso

Calificación del contenido99%(103,574 calificaciones)

Semana1

Semana 1

15 horas para completar

Starting to create mockups

Turn your focus to visual design, which is how a product or technology appears to users. In this part of the course, you'll start to create mockups, which are high-fidelity designs that represent a final product. To create mockups, you'll use visual design elements, like typography, color, and iconography. Elements are often arranged into layouts using methods like grids, containment, and negative space. You'll apply all of these visual design learnings to build on the mobile app designs you've been working on throughout the certificate program.

15 horas para completar

16 videos (Total 52 minutos), 24 lecturas, 13 cuestionarios

16 videos

Introduction to Course 5: Create High-Fidelity Designs and Prototypes in Figma2mKunal - My journey to UX3mWelcome to week 11mIntroduction to mockups 3mChikezie - Transition from low-fidelity to high-fidelity designs 2mIntroduction to foundational elements of visual design 2mTypography in UX design3mThe importance of typography 5mColor in UX design8mIconography in UX design5mAdd images to your mockups2mIntroduction to layouts1mUse grids to guide layouts 3mUse containment in layouts2mUse negative (white) space in layouts3mWrap-up: Starting to create mockups 41s

24 lecturas

Welcome to Course 520mOptional - Read this if it’s your first course in the certificate program20mOptional - Interpret your quiz results10mFoundational skills to build mockups in Figma20mActivity Exemplar: Use low-fidelity designs to start your portfolio project mockups10mWork with type in mockups20mAdd product copy to mockups20mActivity Exemplar: Add typography to your portfolio project mockups10mWork with color in mockups 20mAccessibility considerations for color20mActivity Exemplar: Add color to your portfolio project mockups 10mWork with icons in mockups 20mActivity Exemplar: Add icons to your portfolio project mockups10mLearn about more visual design elements 20mFind stock images for mockups20mAdditional design considerations20mCreate grids in mockups20mActivity Exemplar: Create grids in your portfolio project mockups10mCreate containment in mockups20mActivity Exemplar: Create containment in your portfolio project mockups10mUse negative space in mockups20mActivity Exemplar: Revise your portfolio project mockups by adding negative space10mCommon design patterns in apps20mGlossary 10m

12 ejercicios de práctica

Optional - Test your knowledge of prior concepts42mOptional - Submit your choice of portfolio project prompt 30mActivity: Use low-fidelity designs to start your portfolio project mockups30mTest your knowledge of typography8mActivity: Add typography to your portfolio project mockups30mTest your knowledge on color4mActivity: Add color to your portfolio project mockups 30mActivity: Add icons to your portfolio project mockups30mActivity: Create grids in your portfolio project mockups30mActivity: Create containment in your portfolio project mockups30mActivity: Revise your portfolio project mockups by adding negative space30mSelf-Reflection: Share what you've learned about page layouts10m

Semana2

Semana 2

7 horas para completar

Applying visual design principles to mockups

In this part of the course, you’ll use visual design principles to refine mockups. First, you'll use emphasis to guide users to the most important parts of a page. Next, you'll apply hierarchy, scale, and proportion to organize the elements on each page of your app. Then, you'll consider unity and variety to help elements of your app function together or stand out. Finally, you'll revisit Gestalt Principles, like similarity, proximity, and common region, to help users interpret your designs easily.

7 horas para completar

8 videos (Total 29 minutos), 11 lecturas, 8 cuestionarios

8 videos

Welcome to week 257sEmphasis in UX design3mHierarchy in UX design3mScale and proportion in UX design4mUnity and variety in UX design4mApply Gestalt Principles to mockups6mReflect on your progress 4mWrap-up: Applying visual design principles to mockups 30s

11 lecturas

Use emphasis in mockups20mUse hierarchy in mockups20mUse scale and proportion in mockups 20mUse unity and variety in mockups 20mActivity Exemplar: Apply visual design principles to your portfolio project mockups 10mLearn about additional Gestalt Principles 20mActivity Exemplar: Apply Gestalt Principles to your portfolio project mockups10mConsider additional visual design elements and principles 20mLearn about interface design principles 20mInclude navigation in mockups20mGlossary10m

7 ejercicios de práctica

Test your knowledge on emphasis and hierarchy8mTest your knowledge on scale and proportion6mTest your knowledge on unity and variety 4mActivity: Apply visual design principles to your portfolio project mockups 30mTest your knowledge of Gestalt Principles8mActivity: Apply Gestalt Principles to your portfolio project mockups30mSelf-Reflection: Include navigation in your mockups10m

Semana3

Semana 3

4 horas para completar

Exploring design systems

4 horas para completar

9 videos (Total 34 minutos), 5 lecturas, 5 cuestionarios

9 videos

Welcome to week 359sIntroduction to design systems3mBenefits of design systems 4mGoogle's design system: Material Design 5mShopify's design system: Polaris 3mCreate a sticker sheet in Figma3mUse a design system library in Figma9mShabi - Consider assistive technologies when working in design systems2mWrap-up: Exploring design systems58s

5 lecturas

Explore popular design systems 20mActivity Exemplar: Create a sticker sheet for your portfolio project designs10mGet inspiration from design systems20mOptional - Learn from Figma - Use a design system library20mGlossary5m

5 ejercicios de práctica

Test your knowledge on design systems6mTest your knowledge on features of open-source design systems6mActivity: Create a sticker sheet for your portfolio project designs30mTest your knowledge on working with design systems in Figma6mWeekly challenge 3: Explore design systems1h 5m

Semana4

Semana 4

3 horas para completar

Participating in design critique sessions

Giving, receiving, and implementing feedback is a necessary part of the UX design process. In this part of the course, you’ll explore effective methods for giving and receiving feedback. You’ll also learn about design critique sessions, which will be an important part of your first job as a UX designer. Finally, you’ll learn how to turn feedback into actionable steps that you can take to revise designs.

3 horas para completar

10 videos (Total 36 minutos), 2 lecturas, 4 cuestionarios

10 videos

Welcome to week 449sGive and receive feedback as a UX designer5mThe basics of design critique sessions3mBest practices for design critique sessions3mKunal - My experience with design critique sessions3mIntroduction to a mock crit session 2mObserve a mock crit session 5mTurn crit session feedback into actions5mIterate on mockups based on feedback from crit sessions4mWrap-up: Participating in design critique sessions1m

2 lecturas

Learn more about design critique sessions20mGlossary10m

4 ejercicios de práctica

Test your knowledge on design critique sessions6mSelf-Reflection: Request feedback on your work10mTest your knowledge on implementing feedback from crit sessions8mWeekly challenge 4: Participate in design critique sessions55m

Semana5

Semana 5

3 horas para completar

Creating high-fidelity prototypes

3 horas para completar

9 videos (Total 32 minutos), 4 lecturas, 4 cuestionarios

9 videos

Welcome to week 558sIntroduction to high-fidelity prototypes 4mCreate a high-fidelity prototype in Figma 3mGestures and motion in UX design 1mAdd gestures and motion in Figma 5mAccessibility considerations for gestures and motion 2mJen - Design with accessibility in mind4mLearn from Figma - Prototype interactions and feedback 7mWrap-up: Creating high-fidelity prototypes1m

4 lecturas

Explore types of gestures and motion 20mLearn more about prototyping in Figma 20mAdditional ways to enhance high-fidelity prototypes20mGlossary10m

3 ejercicios de práctica

Test your knowledge on creating a high-fidelity prototype in Figma10mTest your knowledge on gestures and motion8mSelf Reflection: Address accessibility considerations when designing with motion 10m

Semana6

Semana 6

7 horas para completar

Testing and iterating on designs

Now that you have a high-fidelity prototype, it’s time to test your designs. To get started, you’ll conduct a usability study to test your high-fidelity prototype of a mobile app. You'll analyze the feedback you receive to come up with actionable insights and iterate on your designs. Then, you’ll learn how to hand off designs to engineers for production. Finally, you’ll turn everything you’ve learned about user research, ideation, wireframes, designs, and prototypes into a case study for your professional UX portfolio.

7 horas para completar

12 videos (Total 40 minutos), 12 lecturas, 9 cuestionarios

12 videos

Welcome to week 61mPlan a UX research study3mConduct a usability study3mAnalyze and synthesize usability study results1mIterate on high-fidelity designs10mIdentify when a design is complete2mDocument and share designs49sHand off designs for production2mLearn from Figma - Prepare for hand off5mCreate a case study for your portfolio project7mWrap-up: Testing and iterating on designs38sCongratulations on completing Course 5: Create High-Fidelity Designs and Prototypes in Figma1m

12 lecturas

Learn more about planning a UX research study20mActivity Exemplar: Plan a UX research study for your portfolio project10mLearn more about conducting a usability study20mActivity Exemplar: Conduct a usability study for your portfolio project10mLearn more about analyzing and synthesizing usability study results20mActivity Exemplar: Analyze and synthesize the results of your portfolio project usability study20mActivity Exemplar: Refine your high-fidelity portfolio project designs10mLearn more about identifying when a design is complete20mFinal designs of the dog walker app in Figma10mLearn more about creating a case study for your portfolio projectGlossary 10mStart the next course10m

8 ejercicios de práctica

Activity: Plan a UX research study for your portfolio project30mSelf-Reflection: Account for bias in your usability study10mActivity: Conduct a usability study for your portfolio project30mTest your knowledge on coming up with research insights8mActivity: Analyze and synthesize the results of your portfolio project usability study30mActivity: Refine your high-fidelity portfolio project designs30mTest your knowledge on handing off designs10mTest your knowledge on case studies in UX portfolios 8m

Reseñas

4.8

534 reseña

5 stars
87,52 %
4 stars
10,20 %
3 stars
1,39 %
2 stars
0,45 %
1 star
0,41 %

Principales reseñas sobre CREATE HIGH-FIDELITY DESIGNS AND PROTOTYPES IN FIGMA

por DB13 de mar. de 2021

Great course on how to take your design from doodles and sketches to prototypes and mockups that you can share with other designers, stakeholders, and engineers.

por LW16 de sep. de 2021

Kunal did an absolutely fantastic job with this course and he was gentle to the fact that we are moving to a possibly challenging part of the course so he was clear and precise. Thank you!

por KL5 de oct. de 2022

Comprehensive and relelvant. I love how you actually build a portfolio in the process. Some of the assignments took longer than advertised, though, because I was trying to put my work into it.

por EP27 de nov. de 2021

I enjoyed putting everything so far that I have created and learned into one presentation. Shows the improvement of the app from when it was started to the end and final product. Huge difference.

Ver todas las reseñas

Preguntas Frecuentes

¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Certificado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos del Certificado y te darán un certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.
¿Cuál es la política de reembolsos?
Si estás suscrito, obtienes una prueba gratis de 7 días, que podrás cancelar cuando desees sin ningún tipo de penalidad. Una vez transcurrido ese tiempo, no realizamos reembolsos. No obstante, puedes cancelar tu suscripción cuando quieras. Consulta nuestra política completa de reembolsos.
What background is required?
This course is the fifth of seven courses that will equip you with the skills you need to apply to entry-level jobs in user experience design. We strongly recommend that you complete the first four courses of the Google UX Design Certificate before completing this one:
- Course 1: Foundations of User Experience (UX) Design
- Course 2: Start the UX Design Process: Empathize, Define, and Ideate
- Course 3: Build Wireframes and Low-Fidelity Prototypes
- Course 4: Conduct UX Research and Test Early Concepts
Alternatively, you should have experience conducting user research in order to empathize with user needs and determine specific user pain points. You also need to have the ability to create personas, user stories, and user journey maps, as well as draft problem statements and value propositions. You need to know how to create wireframes and low-fidelity prototypes on paper and in the design tool Figma. It’s helpful to have experience conducting usability studies and iterating on designs, as well. If you are unfamiliar with any of these topics, they are covered in earlier courses of the Google UX Design Certificate.
What tools or platforms are included in the curriculum?
Figma and Adobe XD are the design tools taught in the seven courses of the Google UX Design Certificate. This course focuses on creating designs in Figma.
Spreadsheets, word processing applications, and presentation applications will also be used. Throughout the program, you will create a professional portfolio, using the platform of your choice, to showcase your UX design work.
Which jobs will this certificate help me prepare for?
One of the most exciting parts about joining the field of user experience is the large number of job opportunities available. Nearly every company needs UX designers to help create their digital and physical products. While the need for UX designers continues to grow, there is currently a shortage of UX design professionals to fill those roles.
A career in UX design allows you the opportunity to work as a generalist, finding a role as a UX designer, UI designer, or UX researcher, or as a specialist, like a visual designer or interaction designer. Upon completion of this certificate program, you will be able to search for jobs with all of these titles, and find the role that best suits you.
Do I need to take the course in a certain order?
This is the fifth of seven courses in the Google UX Design Certificate. We highly recommend completing the seven courses in this certificate program in the order presented, because the content and applications in each course build on information presented and practiced in earlier courses.

¿Tienes más preguntas? Visita el Centro de Ayuda al Estudiante.

Desarrolla habilidades para tus empleados e impulsa los resultados de la empresa

Descubre Coursera para Empresas

Create High-Fidelity Designs and Prototypes in Figma

Acerca de este Curso

Qué aprenderás

Habilidades que obtendrás

Instructor

Google Career Certificates
Instructor principal

Ofrecido por

Google

Programa - Qué aprenderás en este curso

Starting to create mockups

Applying visual design principles to mockups

Exploring design systems

Participating in design critique sessions

Creating high-fidelity prototypes

Testing and iterating on designs

Reseñas

Principales reseñas sobre CREATE HIGH-FIDELITY DESIGNS AND PROTOTYPES IN FIGMA

Preguntas Frecuentes

Aprende algo nuevo

Cursos populares de ciencia de los datos

Cursos populares de ciencias de la computación y TI

Cursos populares de negocios

Coursera

Comunidad

Más

Create High-Fidelity Designs and Prototypes in Figma

Acerca de este Curso

Qué aprenderás

Habilidades que obtendrás

Instructor

Google Career CertificatesInstructor principal

Ofrecido por

Google

Programa - Qué aprenderás en este curso

Starting to create mockups

Applying visual design principles to mockups

Exploring design systems

Participating in design critique sessions

Creating high-fidelity prototypes

Testing and iterating on designs

Reseñas

Principales reseñas sobre CREATE HIGH-FIDELITY DESIGNS AND PROTOTYPES IN FIGMA

Preguntas Frecuentes

Coursera Footer

Aprende algo nuevo

Cursos populares de ciencia de los datos

Cursos populares de ciencias de la computación y TI

Cursos populares de negocios

Coursera

Comunidad

Más

Google Career Certificates
Instructor principal