Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figma UI UX Design Essentials Training
Rating: 4.3 out of 5(35 ratings)
4,386 students

Figma UI UX Design Essentials Training

Learn how to use Figma to design beautiful mobile & web apps that make users feel amazing
Created byEDUCBA Bridging the Gap
Last updated 1/2024
English
English [Auto],

What you'll learn

  • How to use Figma for Essential UX Design & UI Design
  • How to use Variables and put them to work creating even more complete prototypes.
  • The principles of User Interface Design and Prototyping
  • Setup a complete User Interface Design with Figma

Explore related topics

Course content

1 section • 13 lectures • 2h 14m total length

  • Basic Sigma9:28

    Create a Figma account and start a new design file, learn basic shapes, selection, and editing while exploring a UI/UX design workflow from concept to client approval, coding, and testing.

  • Design11:12

    design and manipulate shapes in Figma by creating frames and rectangles, selecting A4 portrait or landscape, resizing with width and height, rotating, and applying fills, strokes, and independent corner radii.

  • Shadow Effect10:39

    Explore how to apply shadow effects in Figma, including drop shadow, inner shadow, blur options, color picker, and stroke adjustments across shapes like rectangle, circle, polygon, and star.

  • Line Object5:44

    Practice creating and editing line and arrow objects in Figma, changing color, width, rotation, and arrowheads, adding shadows, and using frames, pages, and comments for team collaboration.

  • Instagram Post10:47

    Learn to design an Instagram post in Figma by creating a base frame with nested frames, placing images, and styling text with fonts, color, and alignment.

  • Search Elements9:49

    Search and apply elements and images, install and run plugins, browse the Figma community, adjust borders and flips, and export frames as jpeg for easy sharing.

  • Facebook Post12:29

    Learn to design Facebook posts in Figma by creating customizable frames with precise resolutions, managing grids and colors, placing and slicing images, and adding scalable text overlays.

  • Insert Images7:11

    Learn to customize images and text in figma, choose colors and contrast, adjust borders and rounding, and arrange instagram and facebook posts.

  • Web site Design11:43

    Design and prototype a multi-page website in Figma, from login to home to five to seven linked pages, using frames, rectangles, text fields, and image prototyping.

  • Prototype11:13

    Place and crop images across frames in Figma, then use prototype connections to open expanded window and navigate login, image detail, back, and logout flows.

  • Insert symbols10:56

    Learn to create and prototype a user interface in Figma by aligning elements, adding back and login buttons, and linking frames for a clear app flow.

  • Responsive Design Pages10:43

    Learn to design responsive pages in Figma by building frames with a six-column grid, creating and organizing iconography, and applying boolean operations to complex shapes.

  • Community in Sigma13:01

    Explore built-in and free designs in Figma, copy them, and edit templates. Learn to create from scratch, use frames, slices, plugins, and comments for collaboration.

Requirements

  • A Computer (Mac or Windows) with Internet Connection

Description

You will learn how to create beautiful mobile & web user interfaces that you can then turn into live prototypes with the help of Figma. Unleash your creativity and master the essential skills needed to craft visually captivating digital experiences. This hands-on course seamlessly integrates theory and practice, guiding you through projects that simulate real-world scenarios. Dive deep into UI design fundamentals, exploring layout, color theory, typography, and visual hierarchy. This course is a comprehensive introduction to Figma from absolute Figma beginner to advanced features. Short and focused, providing you with all you need to know to tackle any design. Elevate your expertise in UX design principles by delving into user psychology, research methodologies, and the creation of user personas. Using the latest best practices in Motion Design, as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently teaching you all about building Interactions, Animations and Motion Graphic for all your future Web and Mobile App projects. Immerse yourself in interaction design, mastering concepts like micro-interactions, animations, and feedback mechanisms that enhance user engagement.

A key highlight of our course is the in-depth coverage of Figma, the industry-leading design tool. From designing website interfaces to crafting intuitive mobile apps, you'll harness Figma's power for every facet of your projects. The curriculum also includes essential UX theories, ensuring you understand the intricacies of user experience and usability. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client expectations of you as a new UX designer. This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.

Whether you're passionate about website design, app design, or both, this course provides a holistic approach to UI/UX. Gain practical experience through real-world projects, applying your skills to create responsive websites and compelling user interfaces. Join us to unlock the synergy of Figma, website design, app design, and UX theories, propelling your career to new heights in the dynamic field of UI/UX design.

Who this course is for:

  • Total Beginners! and those Switching over from another Design Software to Figma (e.g Sketch or Adobe XD)
  • Anyone who wants to learn to design user interfaces - no experience needed!
  • Anyone looking to design their own application, website or blog

Report abuse