Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
User Interface Design with Figma and Material UI (UI / UX)
Rating: 4.2 out of 5(27 ratings)
151 students

User Interface Design with Figma and Material UI (UI / UX)

Become UI Designer or improve your skillset as UI / UX Designer, Frontend / Backend Developer or Software Architect
Created byKacper Sarama
Last updated 9/2024
English

What you'll learn

  • Become a UI Designer
  • You will be able to add UI Designer to your CV
  • Build a full design for an app
  • Build a prototype for Desktop and Mobile device with micro interactions
  • You will be able to share your ready and polished prototype straight to Behance or Dribble

Course content

17 sections • 159 lectures • 9h 50m total length

  • Hello and welcome1:34

    Hello and welcome in this UI Design with Figma course. Let's not waste time and get started!

  • Design industry (context)1:07

    Let's discuss about industry.

  • Modules overview1:36

    Course "helicopter view".

  • Summary1:51

    Here (in ZIP file) you can find the following course resources:

    • Figma file

    • FigJam files

      • Login module

      • Movies module

      • Cinemas module

      • Account module

      • Tickets module

      • Offers module

    • Figma Cheat Sheet

      • PDF

      • PNG

  • ! UPDATE ! Figma new UI3:54

    During Figma Config 2024 (June 2024), Figma released many changes. One of these changes is the new UI (for now in beta version). In following video i explain how to get back to old UI (alpha version). There's small presentation about new UI too.

Requirements

  • Basic Figma knowledge

Description

UI stands for User Interface Design, so anything that involves the visual representation of an application, the so-called components that build the user interface.


But what UI Design really is? That's what you will learn in this course. I built it in order to:

  • systematise knowledge about UI components

  • show good practices of UI and UX

  • improve communication and understanding between Users, Designers and Developers

  • boost your productivity and improve your Figma skills

In summary, at the end of the course:

  • you will have an in-depth knowledge of user interface components

  • you will develop your own Design System with variants in Figma

  • you will make your own portfolio project (for share on Dribbble or Behance)

  • you will work more productively

  • you will be able to design your projects according to good UI/UX practices

  • you will be able to apply for your first job as a UI Designer


My name is Kacper Sarama. I am a Senior UI Designer. I've worked in SAP industry, medical industry and am currently I'm working in the Fin-tech industry. I'll be your instructor in this course, where I'll teach you UI Design from the ground up, step by step, deeper and deeper by building a realistic and good looking project.


So that you will learn not only theory but also practice, having fun at the same time. At the end you will call yourself a UI Designer and have a solid foundation in this area. Let's not waste time and let’s start!

Who this course is for:

  • Frontend developers
  • Backend developers
  • UX Designers
  • UI Designers
  • Graphic designers
  • Software Architects

Report abuse