Станьте мастером Figma и взлетите по карьерной лестнице в дизайне.
Курс наполнен реальными советами и хитростями от старшего продуктового дизайнера с десятилетним опытом работы в дизайне.
Помимо того, что вы научитесь эффективно использовать Figma, вы также узнаете, как применять её именно для работы в UX/UI дизайне. Вы научитесь вносить необходимые изменения в свой процесс в зависимости от различных типов проектов по дизайну продуктов и UX/UI дизайну - от веб-приложений до мобильных приложений, от веб-сайтов до носимых устройств.
Этот курс максимально практичен, и в нём предусмотрено множество заданий, которые помогут вам закрепить полученные знания.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Introduction to Using Photos and Illustrations in Figma
Урок 35.
00:04:19
Tips on Finding Assets
Урок 36.
00:08:02
Adding Assets to Figma
Урок 37.
00:03:28
Copying Frames as PNGs
Урок 38.
00:14:27
How to Pick Visuals
Урок 39.
00:11:23
Using Images in Your Designs
Урок 40.
00:09:07
Adjusting Images and Blend Modes
Урок 41.
00:04:51
Adjusting Illustrations
Урок 42.
00:29:56
Module Assignments Solutions
Урок 43.
00:12:06
Final Module Assignment
Урок 44.
00:00:44
Introduction to Grids and Layers
Урок 45.
00:08:02
Grid Basics
Урок 46.
00:11:00
Controling Grids in Figma
Урок 47.
00:24:41
Mobile Grids
Урок 48.
00:03:21
Tablet Grids
Урок 49.
00:14:06
Desktop Grids
Урок 50.
00:09:55
Figma Grids Tips and Tricks
Урок 51.
00:10:35
Module Assignments Solutions
Урок 52.
00:05:05
Final Module Assignment Guide
Урок 53.
00:00:48
Introduction to Practical Auto-layout
Урок 54.
00:05:07
Auto-layout Basics
Урок 55.
00:07:20
Advanced Auto-layout
Урок 56.
00:23:29
Follow Along - Mobile App Bottom Sheet
Урок 57.
00:17:22
Follow Along - Table
Урок 58.
00:18:50
Module Assignment Solutions – Part One (Basics)
Урок 59.
00:11:23
Module Assignment Solutions – Part Two (Mastery)
Урок 60.
00:11:00
Module Assignment Solutions – Part Three (Mastery)
Урок 61.
00:23:49
Final Module Assignment Solution
Урок 62.
00:01:12
Introduction to Figma Styles
Урок 63.
00:12:54
Color (Fill) Styles
Урок 64.
00:09:40
Text Style
Урок 65.
00:03:29
Effect Styles and Tips
Урок 66.
00:09:12
Module Assignment Solutions
Урок 67.
00:00:38
Introduction to Components and Variants
Урок 68.
00:24:27
Component Basics and Strategy
Урок 69.
00:20:14
Variants and Properties
Урок 70.
00:04:19
Introduction to Design System Basics with Figma
Урок 71.
00:22:58
Scalable Color Palettes
Урок 72.
00:03:36
Assignment Speed Through
Урок 73.
00:16:14
Scalable Typography
Урок 74.
00:00:58
Assignment Speed Through
Урок 75.
00:07:12
Scalable Spacing System
Урок 76.
00:08:24
Elevation as a Foundational Element
Урок 77.
00:04:46
Iconography
Урок 78.
00:17:15
Creating Buttons
Урок 79.
00:01:45
Buttons Assignment Solution Walkthrough
Урок 80.
00:11:42
Input Fields and Dropdown Fields
Урок 81.
00:04:36
Input Fields Assignment Solution Walkthrough
Урок 82.
00:18:05
Selection Controls
Урок 83.
00:02:42
Selection Controls Solution Speed Through
Урок 84.
00:12:16
Design System Example Walkthrough
Урок 85.
00:08:01
Using a Design System
Урок 86.
00:05:37
Final Tips and Tricks
Урок 87.
00:00:38
Introduction to Advanced Prototyping in Figma
Урок 88.
00:05:34
Detailed Overview of Smart Animate
Урок 89.
00:23:33
Transitions, Delays, and Clever Prototype Planning
Урок 90.
00:11:50
Hovers, Overlays, and Prototyping with Components
Урок 91.
00:11:41
Module Assignment Solutions – Part One (Basics)
Урок 92.
00:29:27
Module Assignment Solutions – Part Two (Mastery)
Урок 93.
00:12:46
Final Module Assignments Solutions
Урок 94.
00:01:06
Introduction to Variables
Урок 95.
00:20:14
Variable Foundations
Урок 96.
00:09:07
Relation to Design System Tokens
Урок 97.
00:09:43
Are Variables Needed for Efficiency?
Урок 98.
00:38:11
Light and Dark Mode
Урок 99.
00:12:15
Multiple Languages
Урок 100.
00:28:33
Responsive Spatial System
Урок 101.
00:14:52
Prototyping with Variables
Урок 102.
00:12:22
Module Assignments Solutions
Урок 103.
00:00:34
Introduction to Teamwork and Figma Organization: Tips and Tricks
Урок 104.
00:12:35
Important Collaboration and Sharing Tips
Урок 105.
00:10:35
How to Organize Figma Teams, Projects, and Files
Урок 106.
00:02:04
File Thumbnails
Урок 107.
00:07:27
File Organization Best Practices
Урок 108.
00:03:13
Collaboration and Comments
Урок 109.
00:02:32
How to Name Screens
Урок 110.
00:09:07
Miscellaneous Assignments Solutions
Урок 111.
00:03:54
Introduction to "Let's Design Together" Add-on
Урок 112.
00:47:59
01 - A - Responsive Web (Mobile)
Урок 113.
00:16:25
01 - B - Responsive Web (Tablet)
Урок 114.
00:19:22
01 - C - Responsive Web (Desktop)
Урок 115.
00:26:47
02 - A - Mobile App (Hybrid, iOS)
Урок 116.
00:05:22
02 - B - Mobile App (Hybrid, Android Adjustments)
Урок 117.
00:16:52
03 - iPad App
Урок 118.
00:04:23
04 - Wearable (Apple Watch) App
Урок 119.
00:26:17
05 - Web App (Dashboard)
Автор - Andrija Prelec
Andrija Prelec
Андрия Прелец - продуктовый дизайнер с десятилетним опытом работы в индустрии.Он работал над более чем 50 проектами, включая веб-сайты и мобильные приложения, которые достигли более 10 миллионов пользователей по всему миру. Ранее он работал UX/UI дизайнером в агентствах по дизайну продуктов (самое известное из которых — нью-йоркское агентство Five) и в качестве фрилансера-продуктового дизайнера.В настоящее время он работает генеральным директором
Can you add the Figma files, please? The course doesn't quite make sense without that.
CourseHunter Team
kosirandom
Download the course materials
kosirandom
CourseHunter Team
Thank you
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Нет лучшего места для начала изучения дизайна, чем самое популярное дизайнерское приложение! Учитесь на практике и начните или улучшите свои знания в Figma.Сегодня Figma занимает лидирующие позиции в мире дизайна, и на то есть веские причины. Этот инструмент стал синонимом дизайна на самых прибыльных рынках - в Европе и США.В опросах UX Tools, проводимых среди дизайнеров по всему миру, из года в год Figma получала наивысшие оценки и использовалас
Figma design system - Figma UI kit and style variables
Легкая и мощная система дизайна Figma и UI kit помогут вам разработать практически любой веб-сайт или приложение, которое вы можете себе представить.Создавайте дизайн в 10 раз быстрее с предварительно собранными компонентами и стилями. Предопределенные стили для цветов, типографики и интервалов, плюс сотни вариантов компонентов.Создано с использованием новейших функций Figma и лучших практик 2024 года. Легко и быстро настраивайте компоненты с пом
Этот семинар предназначен для фронтенд-разработчиков и сосредоточен на последних функциях Figma, включая режим разработчика, улучшенную функцию Auto Layout и интерактивные компоненты. Он предоставляет информацию о интеграции Figma в рабочие процессы разработки и исследует новые возможности прототипирования и анимации, улучшая процесс переноса дизайна в код.
Освойте самый популярный софт для веб-дизайна и создания интерфейсов! Figma по праву считается главным инструментом среди веб- и UX/UI-дизайнеров по всему миру. Благодаря продуманному инструментарию и удобному интерфейсу, в Figma можно быстро создавать интерактивные прототипы будущих сайтов, сервисов и приложений.В этом курсе вы не только освоите богатый инструментарий Figma, но и на практике разработаете дизайн для нескольких одностраничных