Figma Tutorial For UI Design
Join My UI UX Design/Low Code Development Bootcamp Starting on the 30th Of May.
Duration : 3 Months ( Mon- Fri )
Sessions : LIVE Sessions All Through
Reason to Join : You will have 4 LIVE Projects to add to your resume/CV
Link to Join : https://www.lighthall.co/class/6602f6e5-8025-40b8-a654-b15c8f028e75
As The Demand For User Interface Designers Keeps Increasing In The World Of Technology, We at Dev And Design Decided To Come Up With This Course To Help Beginners Get Started On Their Journey To Becoming A User Interface Designer.
In This 10 Hour Course We Covered Everything You Need To Know To Get Started With Figma For UI(User Interface) Design
This Course Is A Beginner Friendly Course And You Do Not Require Any Pre-Requisite Knowledge In Design To Get Started With This Course.
Donate To Support Instructor : https://www.patreon.com/devanddesign
Follow Instructor On :
Twitter : @joe_brendan_
Instagram : @joseph_brendan_
Course Outline :
00:00:00 - Introduction
00:00:47 - Creating A Figma Account
00:02:24 - Creating & Naming A Figma Design File
00:04:39 - Creating Shapes In Figma
00:07:08 - Selection In Figma
00:11:54 - Editing Shapes In Figma
00:36:06 - Introduction To Typography In Figma
01:01:33 - Design Tree In Figma
01:06:35 - First Design Task
01:20:36 - Colors In Figma
01:44:14 - Drawing Tools In Figma
01:49:12 - Margin And Padding In UI UX Design
01:56:00 - Figma Auto Layout
02:13:40 - Formatting Principles In Figma
02:34:40 - Figma Constraints And Resizing
02:51:19 - Website Design in Figma
02:56:00 - Jakob's Principle Of Design
03:00:33 - Introduction to Styles and components
03:25:37 - Figma Component Variants
03:36:26 - Layout Design & Configuration For Websites in Figma
03:40:15 - Layout Grids In Figma
04:01:30 - Introduction To Responsive Design
04:07:40 - Material Design Guide
06:26:32 - Introduction To Tailwind UI
06:28:32 - Tailwind UI Design Project
07:25:53 - Responsive Landing Page Design Project
08:46:02 - Designing Mobile Apps
08:56:55 - Iconography In Figma
09:02:40 - Boolean Groups
09:10:00 - Figma Tokens
09:18:37 - Animation In Figma With Figmotion
09:36:37 - Mobile Design Project
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Figma Tutorial For UI Design», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.