Learn Figma for UI UX Design Within 1 Hour In 2023

Name: Learn Figma for UI UX Design Within 1 Hour In 2023
Rating: 3.9 (664 reviews)

Become UI/UX Designer in 2023. Use Figma to build career in UI Design, User Interface, User Experience design, UX Design

Created byA F M Jamal Uddin

Last updated 3/2023

English

English [Auto],

What you'll learn

How to begin working as a UI/UX Designer using Figma.
How to design an Interface using Figma tools.
Work with fonts & colors with Figma Tools.
How to make reusable components and assets in Figma.
How to make fully interactive prototypes In Figma
Learn to use UI kits & plugins for Figma to speed up our workflow.

Course content

4 sections • 18 lectures • 1h 11m total length

Introduction1:56
Master the basics of Figma in this quick crash course to jumpstart a new UI/UX project, covering frames, color and shape tools, text and image tools, and prototyping.
Why Figma4:58
Discover why figma's browser-based, real-time collaboration and community resources suit ui ux design. Sign in with Google, start a new design file, and explore layers, assets, and tabs.

Frame & Grid6:39
learn to use the frame and grid systems in Figma, adjust frame size and clip content, and apply a 12 column grid with margins and gutters for precise, aligned layouts.
Color Option3:42
Explore color options in figma with color picker and opacity. Apply hex, css, hsl, and hsp formats; use blend modes and gradients such as linear, radial, angular, and diamond.
Shapes Tool3:26
Explore the shapes tool in figma to create rectangles, ellipses, lines, arrows, polygons, and stars, adjusting width, height, corner radius, and proportions with keyboard shortcuts.
Figma Constraints4:36
Explore how constraints keep elements sticking to frame edges as you resize, using top, left, right, bottom, center, and scale to create responsive designs.
Figma Group & Frame7:41
Create and organize frames and groups in Figma, using alt to duplicate, shift for alignment, and convert between group and frame, then structure pages into folders for efficient export.
Figma Text Tools and Options6:24
Learn how to use Figma text tools to control typeface, weight, size, line height, letter spacing, and paragraph spacing. Explore fixed versus auto height resizing and horizontal and vertical alignment.
Figma Scaling Tool1:49
Explore how the Figma scale tool enlarges frames and content while preserving alignment, using shift to maintain ratios and noting font size fractions for precise design.
Figma Image Options6:34
Learn to import images in Figma using place image, drag-and-drop, or copy-paste, including multiple images, and fine-tune exposure, contrast, saturation, and other image settings.
Auto Layout, Components and Assets3:58
Master auto layout in Figma, convert layouts into components from the assets tab. Build a reusable navigation and button system with padding, color, and border radius.
Mask & Boolean Tools3:04
Master boolean selections and masking in Figma to nondestructively transform shapes, create avatars, and design icons using union, subtract, intersect, and exclude options.
Effects Options2:57
Explore key Figma effects, including drop shadow, inner shadow, layer blur, and background blur, and learn how to adjust x and y placement, blur, opacity, and color to create depth.

Practice Files0:30
Design Prototype1:58
Prototype in Figma by linking a read more button to the about us page using the prototype tab, drag the flow, and apply smart animate to test in presentation mode.
Project Export4:11
Apply export settings to Figma objects, adjust multipliers or fixed dimensions, add suffixes, and export in PNG, JPEG, SVG, or PDF with background and overlap controls.
Tips To Design Better User Interface1:45

Requirements

A working computer with internet connection.
An account on Figma with Free plan.
No previous UX Design/UI Design experience is needed.
No previous Figma skills are needed.
No previous design skills or experience required.

Description

Hi there, My name is A F M Jamal Uddin. I welcome you from the team of Essential Web Apps.

A. B. Abir and Fahim Kamal, two Experienced UI/UX designers from Essential Web Apps made this Free course on Figma.

In this “Introduction to Figma” series, we will cover all the basics you need to know to jump-start a new project on Figma design. Or this could be your first step in this exciting new world of UI UX design.

This Web design course with Figma was designed in a way so that you can understand the basic concept of the Figma tools fast and easily. For this UI UX design for beginners course with Figma, we used hundreds but thousands of feedback from learners over the internet. And, organized the UI UX design course in a way to make it user-friendly.

If you are still deciding, if UX UI design is correct for you or not. Then this UI UX design for beginners will give you a clear for free. And, the good thing is this UI UX design course is FREE.

I hope you will appreciate our little effort for the Figma free course and enjoy the web design learning online.

Who this course is for:

Anyone who wants to start using Figma and build career as UI/UX designer.
Aimed at people new to the world of design & user experience.
Any with an experience in UI/UX and want to learn to use Figma professionally.

Learn Figma for UI UX Design Within 1 Hour In 2023

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 7min

Figma Tools & Features11 lectures • 51min

Figma Free Resources1 lecture • 5min

Design Prototype And Export4 lectures • 8min

Requirements

Description

Who this course is for: