Figma UI UX Design

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Dive into the realm of design and user experience with Spectrum Film School’s online course. Perfect for beginners, we demystify UX, guiding you from basics to crafting interactive prototypes. Collaborate, master Figma, and gain insights into real-world projects. Empower yourself to manage UX projects and make a lasting impact in the creative world.

What Will You Learn?

  • How to begin working as a UX Designer using Figma.
  • How to use Figma for Essential UX Design & UI Design
  • How to make fully interactive prototypes.
  • How to work with a UX personas.
  • You will be able to add UX designer to your CV.
  • Build a UX project from beginning to end.
  • What the client expects of you as a UX designer.
  • How to create simple wireframes.
  • How to implement colours & images properly in your designs.
  • The dos & don'ts around choosing fonts for web & mobile apps.
  • How to create your own icons, buttons & other UI components.
  • Terms such as Components, Constraints & Multi Dimensional Variants.
  • Free UI kits & plugins for Figma which will speed up our workflow dramatically!
  • How to build a simple style guide, ready for client handoff.
  • How to make both simple & advanced micro interactions, page transitions & animations.
  • Learn to design websites & mobile phone apps.
  • Work with fonts & colors.
  • Test on mobile phones.
  • Export production ready assets.
  • Create your first UX brief & persona.
  • Learn professional workflow tricks & shortcuts.
  • All the techniques used by UX professionals

Course Content

Getting Started

  • Intro to Figma Essentials
    00:00
  • Getting started with Figma
    00:00
  • What is Figma?
    00:00
  • Difference between UI & UX
    00:00
  • What we are making in this Figma course
    00:00
  • Class project 01- Create your own brief

Wireframing – Low Fidelity

Type, Color & Icon Introduction

Page

Prototyping – Level One

Animation Level One

Commenting

Moodboard – High Fidelity

Columns

Tips & Tricks

Colors

Text & Fonts Advanced

Drawing

Working with Illustrator

Images

Effects

Saving & History

Components & Instances

Variants & Variables

Making a Form

Prototyping – Level Two

Teams & Projects

Libraries

Animation And Micro Interactions

Thumbnail

Exporting

What Next