Packt

Master Web & Mobile Design – Figma & UI/UX Basics

Nutzen Sie die Ersparnis! Erhalten Sie 40% Rabatt auf 3 Monate Coursera Plus und vollen Zugang zu Tausenden von Kursen.

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen.
Packt

Master Web & Mobile Design – Figma & UI/UX Basics

Bei Coursera Plus enthalten

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Explore key psychological principles to design user-centric, engaging interfaces.

  • Gain hands-on experience with advanced design tools like Figma’s components and variants.

  • Master wireframing, prototyping, and responsive layout techniques for mobile and web projects.

  • Learn how to create beautiful UI/UX designs using Figma without writing code.

Kompetenzen, die Sie erwerben

  • Kategorie: User Experience Design
  • Kategorie: Color Theory
  • Kategorie: Web Design
  • Kategorie: Typography
  • Kategorie: Layout Design
  • Kategorie: User Interface and User Experience (UI/UX) Design
  • Kategorie: Prototyping
  • Kategorie: Responsive Web Design
  • Kategorie: Wireframing
  • Kategorie: Animations
  • Kategorie: Mobile Development

Werkzeuge, die Sie lernen werden

  • Kategorie: Figma (Design Software)
  • Kategorie: UI Components

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Februar 2026

Bewertungen

29 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

 Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

In diesem Kurs gibt es 29 Module

In this module, we will dive into the foundational aspects of Figma, starting with its role in modern web and mobile design. You'll learn how to transition from a beginner to a proficient user of Figma, understand the difference between UI and UX, and start building designs that are ready for development. Additionally, we'll guide you through essential tools and techniques to optimize your design process.

Das ist alles enthalten

6 Videos1 Lektüre

In this module, we will explore the fundamentals of wireframing, including how to create low-fidelity and high-fidelity wireframes for both web and mobile designs. You will also learn to organize your design files effectively in Figma to streamline the process and ensure efficiency.

Das ist alles enthalten

2 Videos1 Aufgabe

In this module, we will focus on key visual elements such as typography, color, and icons. You will learn how to select and apply fonts, colors, and icons effectively in Figma to enhance the aesthetic and functionality of your designs. Through hands-on projects, you'll gain practical experience with these design essentials.

Das ist alles enthalten

12 Videos1 Aufgabe

In this module, we will guide you through the process of creating and using pages within Figma to organize your design projects. You'll learn how to manage complex designs with multiple pages, ensuring that your workflow remains efficient and streamlined.

Das ist alles enthalten

1 Video1 Aufgabe

In this module, we will introduce you to the basics of prototyping in Figma, helping you create interactive designs. You will explore how to add smooth transitions and easing effects, as well as test your prototypes in real-time with Figma Mirror for mobile devices.

Das ist alles enthalten

4 Videos1 Aufgabe

In this module, we will focus on Figma’s Smart Animate feature, showing you how to create dynamic animations that bring your designs to life. You will apply these techniques in a project, gaining practical experience in animating UI elements and enhancing user interaction.

Das ist alles enthalten

2 Videos1 Aufgabe

In this module, we will explore how Figma enables real-time collaboration. You'll learn how to share your designs, gather feedback from team members, and work together efficiently using Figma’s multiplayer feature, making team collaboration smoother and more effective.

Das ist alles enthalten

2 Videos1 Aufgabe

In this module, we will guide you through the process of creating mood boards in Figma, allowing you to visually organize and align your project’s creative direction. You will learn how to gather inspiration and craft mood boards that inspire and inform your design decisions.

Das ist alles enthalten

3 Videos1 Aufgabe

In this module, we will focus on creating responsive grid systems within Figma to help you build layouts that adapt to various screen sizes. You will learn how to structure your designs using columns and grids to ensure flexibility and consistency across your projects.

Das ist alles enthalten

1 Video1 Aufgabe

In this module, we will dive into color theory and its application in Figma, showing you how to choose, apply, and create color systems that enhance your designs. You’ll also learn how to incorporate gradients and color palettes into your Figma projects.

Das ist alles enthalten

6 Videos1 Aufgabe

In this module, we will focus on typography, teaching you how to select and pair fonts, create typography scales, and streamline text management using Figma’s text tool. You’ll gain practical experience in creating consistent and readable text for web and mobile interfaces.

Das ist alles enthalten

7 Videos1 Aufgabe

In this module, we will focus on Figma’s drawing tools, particularly the Pen Tool and vector networks. You’ll learn how to create custom shapes and intricate designs with precision, enabling you to tackle complex UI elements and refine your design skills.

Das ist alles enthalten

2 Videos1 Aufgabe

In this module, we will explore Boolean operations in Figma, showing you how to combine shapes and create more complex design elements. You’ll also work on a project that demonstrates how to effectively use Boolean operations in a real-world UI design scenario.

Das ist alles enthalten

4 Videos1 Aufgabe

In this module, we will focus on working with images and assets in Figma. You’ll learn how to import and position images, apply masking techniques, and use Figma’s powerful plugins to streamline your image editing and design process.

Das ist alles enthalten

4 Videos1 Aufgabe

In this module, we will dive into Auto Layout and constraints, showing you how to create flexible and responsive designs. You'll learn how to use these powerful features to build adaptive layouts and refine your design workflows for multiple screen sizes.

Das ist alles enthalten

6 Videos1 Aufgabe

In this module, we will explore how to add visual effects to your Figma designs, such as shadows, background blur, and other interactive elements. You'll gain practical experience in creating more dynamic, visually engaging user interfaces.

Das ist alles enthalten

3 Videos1 Aufgabe

In this module, we will focus on file management in Figma, covering how to save files, access version history, and track changes. You'll also learn best practices for organizing and managing your design files for smoother collaboration and version control.

Das ist alles enthalten

1 Video1 Aufgabe

In this module, we will explore the power of components in Figma. You’ll learn how to create reusable components, manage updates, and organize them to ensure that your designs remain consistent and easy to maintain.

Das ist alles enthalten

6 Videos1 Aufgabe

In this module, we will introduce the concept of variants in Figma. You’ll learn how to create components with multiple states and properties, helping you streamline your design process and enhance the flexibility of your UI elements.

Das ist alles enthalten

3 Videos1 Aufgabe

In this module, we will cover essential techniques for designing input forms and notification UIs in Figma. You will learn how to create functional, user-friendly form elements that improve overall user experience and engagement.

Das ist alles enthalten

3 Videos1 Aufgabe

In this module, we will explore advanced prototyping features in Figma, including overlays, transitions, and multiple user flows. You will learn how to create engaging, dynamic prototypes that improve user interaction and presentation.

Das ist alles enthalten

7 Videos1 Aufgabe

In this module, we will guide you through Figma’s team and project management features. You’ll learn how to organize and structure your workspace for efficient collaboration, making it easier to manage complex design workflows.

Das ist alles enthalten

1 Video1 Aufgabe

In this module, we will cover how to create and manage libraries in Figma. You’ll learn how to build a shareable design system that ensures consistency across all of your design projects and teams.

Das ist alles enthalten

1 Video1 Aufgabe

In this module, we will explore the world of animation and micro-interactions in Figma. You’ll learn how to use subtle animations and interactive components to enhance user engagement and the overall usability of your designs.

Das ist alles enthalten

9 Videos1 Aufgabe

In this module, we will focus on customizing project thumbnails and covers in Figma. You'll learn how to create visually appealing thumbnails that showcase your design work and improve project organization.

Das ist alles enthalten

1 Video1 Aufgabe

In this module, we will guide you through the export process in Figma, showing you how to save your designs in multiple formats. You’ll also learn how to hand off your designs like a pro and explore resources to create consistent, scalable projects.

Das ist alles enthalten

3 Videos1 Aufgabe

In this module, we will dive into the psychology behind effective UI/UX design. You’ll learn how to leverage psychological principles, such as color psychology and the dopamine effect, to create more engaging and emotionally resonant designs.

Das ist alles enthalten

6 Videos1 Aufgabe

In this module, we will put your Figma skills to the test by building real-world UI/UX projects. You'll design user interfaces and flows for a variety of applications, gaining hands-on experience that will enhance your design portfolio.

Das ist alles enthalten

5 Videos1 Aufgabe

In this final module, we’ll celebrate your completion of the course and help you plan your next steps in the world of UI/UX design. We’ll provide guidance on how to continue learning, develop your career, and stay ahead in the fast-evolving design industry.

Das ist alles enthalten

1 Video2 Aufgaben

Dozent

Packt - Course Instructors
Packt
1.542 Kurse 424.522 Lernende

von

Packt

Mehr von Design and Product entdecken

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Coursera Plus

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten

Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.

Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.

Häufig gestellte Fragen