Master Figma: Getting started the Beginner to Pro Class | Udemy [Update 05/2025]
English | Size: 1.61 GB
Genre: eLearning[/center]

Bite-sized, no-fluff lessons teaching you Figma in a 4-hour course + project.

What you'll learn
Setup your own free Figma account!
Setting up UI Designs with Figma
Setup a complete User Interface Design with Figma
Share your work with other Designers and Developers
Make your Designs Shine in Presentation Mode
Basic Prototyping with Figma
Creating reusable elements with components
Advanced component sets with variants
Understanding variables and styles
Keeping up to date with latest releases
Share and document your design with development
Create shared team libraries
Creating simple style guides for colour, typography and spacing
Creat simple micro interactions for buttons and hover
Work as a team
Freebees to be used right away in your designs
Figma exercise files so you can work alongside me

Getting Started with Figma (4h) + Course Project

A beginner's to pro course in UI design with Figma

NEW! Full Config 2024 Update Featuring the New Figma UI Design!

This course is a comprehensive introduction to Figma from absolute beginner to advanced features. Short and focused, providing you with all you need to know to tackle any design.

We'll start from scratch by setting up your Figma account and familiarising ourselves with its file structure. Then, we'll dive into the fundamentals of Figma, such as setting up frames and nesting them, adding shapes, text, colours, and grids creating solid UI designs. Once you're comfortable with the basics, we dive into more advanced subjects like creating solid UI designs and working with components for reusable elements.

You'll learn how to establish styles and variables for consistency, create responsive designs with auto layout, and add basic prototyping to bring your designs to life-always keeping collaboration with development in mind.

With step-by-step exercises and valuable tips and tricks, you'll become proficient in Figma in under 4 hours. It's perfect for beginners or those transitioning from other design software.

Setup

What Is Figma? Who does the coding?

Figma in the Browser vs. Figma App

The Figma file browser - Figma's home

Creating design files in Figma

Figma Basics

Adding frames to our file

A few handy shortcuts

Design file overview

Adding shapes and colour

Size menu - manipulating shapes and frames

Align, tidy up, and measure

Adding and working with text

Nesting frames - The Figma superpower

Frames vs Groups

Designing with nested frames

Re-usable grids with styles

Figma Community and Plugins

Adding images

Drawing in Figma

Scaling in Figma

Course Project: Creating a wireframe and first design

Introducing Components

Re-use elements with components and instances

Overriding instances

What to override and what not to

Reverting components and overrides

Nest components

Component sets with variants

Move components to their own page

Keeping components organised

Advanced component features introduction.

Course Project: Turning our design into components

Variables and Styles

Introduction to variables

Working with colour variables

Organising with variable collections and groups

Size and spacing variables

And what about styles?

Typography and styles

Documenting variables and styles

Course Project: Adding colour variables and text styles

Responsive Design

What is auto layout?

Adding auto layout

Auto layout components and variables

Resize settings

Auto or space between

Nesting auto layout with system

Absolute positioning

Auto layout pages

Constraints in Figma

Constraints and grids

Course Project: Testing our app on different phone sizes

Basic Prototyping

Prototyping in Figma

Setting scroll behaviour

Connecting screens

Dropdown menu with overlays

Animation types

Interactive components

Figma Mirror - Preview on your device

Course Project: Turning our app into a clickable prototype

Sharing with other designers and developers

Sharing and inviting others

Setting up a thumbnail

Shared team libraries in Figma

Setting up a shared team library

Connecting to a shared team library

Updating shared team libraries

Sharing design, components, styles, and variables

Dev mode: Sharing with development

This is a course idea and production by moonlearning

Who this course is for:
Total Beginners!
Switching over from another Design Software to Figma (e.g Sketch or Adobe XD)

[align=center]

download скачать FROM RAPIDGATOR

https://rapidgator.net/file/38972b55db0842392aec907a06bababb/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part1.rar.html
https://rapidgator.net/file/acedec15a56d4cabdda2bb04f0e59166/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part2.rar.html
https://rapidgator.net/file/e7fc81efba462834ab2b4ddd0b7acbb4/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part3.rar.html
https://rapidgator.net/file/005b8c78ef785d97c1511943d87ac423/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part4.rar.html

download скачать FROM TURBOBIT

https://trbt.cc/0zqnd9bzo9xy/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part1.rar.html
https://trbt.cc/z0k7gr50u7sv/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part2.rar.html
https://trbt.cc/5ifhb7hakv6e/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part3.rar.html
https://trbt.cc/iy886qmb23xv/UD-NEWFigma2024GettingstartedtheBeginnertoProClass2025-5.part4.rar.html

If any links die or problem unrar, send request to

https://forms.gle/e557HbjJ5vatekDV9