Figma уроки

Figma уроки смотреть последние обновления за сегодня на .

Уроки Figma (Фигма) – №1: Начало работы, основы программы | Школа Максима Солдаткина

657768
11133
305
00:19:52
31.07.2018

★ Бесплатно учись веб-дизайну – 🤍 В этом видео Алексей – куратор школы Максим Солдаткина расскажет о преимуществах программы Figma, полезной для начинающих и опытных веб-дизайнеров. Ролик посвящен вступлению, поэтому вы узнаете такую информацию: ➢ Как выбирать шрифты? ➢ Возможно ли создать библиотеку? ➢ Как запустить проект в Figma? На примере 2-х экранов Максим Солдаткин объяснит главные нюансы, а также поможет ученику вникнуть в процесс. Чтобы не пропустить следующие уроки, подписывайтесь на канал и не забывайте ставить пальцы вверх. Ссылка на это видео - 🤍 Уроки веб-дизайна с нуля для начинающих – 🤍 Блог о веб-дизайне и интерфейсах – 🤍 Я Вконтакте – 🤍 Мой Instagram – 🤍 Бесплатный курс – 🤍 Двухмесячный курс с обратной связью и трудоустройством – 🤍 ВК: Двухмесячный курс с обратной связью и трудоустройством – 🤍

Figma с нуля за 1 час! (уроки веб дизайна для начинающих)

89562
3006
86
01:15:02
22.05.2022

Урок по Figma с нуля за 1 час! Веб дизайн для начинающих (основы UI). 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! Фигма - самый популярный софт для веб-дизайна и создания интерфейсов. Программа по праву считается главным инструментом среди веб и UX UI-дизайнеров по всему миру. Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 00:00 - установка приложения 05:20 - интерфейс 09:47 - инструменты и главное меню 12:20 - создание и редактирование frame 17:10 - иерархия фреймов и страниц 20:30 - перемещение по холсту 24:30 - работа с текстом 37:20 - создание первого экрана сайта 44:10 - добавление изображения 50:10 - создание кнопки 58:40 - курс «Супер Figma» 01:00:40 - плагины 01:03:00 - работа с векторными объектами 01:10:40 - заливка и обводка Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Фигму на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile #webdesign

Figma с нуля - Знакомство с программой | Веб дизайн. Урок 1

395740
12507
235
00:56:36
07.09.2021

Урок о знакомстве с программой Figma с нуля! Основы веб (UI/UX) дизайна! 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб и UI UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 1 из 8. Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram 00:00 - Вступление 00:08 - об авторе курса и возможностях 03:30 - вход в Figma 07:15 - интерфейс 14:00 - интерфейс файла 16:20 - панель инструментов 24:35 - названия файлов и доступы 27:40 - режимы 28:20 - основы Frame Tool 31:00 - ресурсы помощи 32:10 - главное меню 48:30 - меню Preferences 50:00 - начало практики Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile

Вивчення Figma Урок 1 ➤ Створення першого проєкту

6238
410
26
00:04:54
27.03.2022

Представляю курс з вивчення програми Figma (Фігма) та побудови дизайну на її основі. За курс для початківців ми з нуля навчимося працювати з Фігма та створимо на її основі кілька (UI, UX) дизайнів. До кінця курсу у вас будуть чіткі знання під час роботи з Figma. Офіційний сайт figma де ви можете завантажити програму 🤍 Тут можна завантажити десктопний додаток Фігми 🤍 Курс розроблений таким чином, що ви вивчите Figma на практиці, створюючи веб-сайти, інтерфейси та програми. Під керівництвом автора ви познайомитеся з можливостями програми та створіть круті роботи для свого портфоліо.

Основы веб-дизайна с нуля. Урок #1. Практика в Figma для начинающих.

1478704
67054
2074
00:45:54
04.06.2020

5 ключевых составляющих для начинающих веб-дизайнеров, которые формируют стильный дизайн сайтов. Практика в Figma и создание нашего первого макета. Всем этим мы и займемся в этом уроке, дружище! 👇 💻 Мой бесплатный курс по основам веб-дизайна с проверкой ДЗ: 🤍 🖌️ Макет в Фигме: 🤍 0:00 Что сегодня будет 0:21 Андрей читает рэп 😲 2:13 Знакомство и обзор Figma 17:15 Правило «шампура» 18:44 Типографика 20:05 Главная ошибка начинающих 21:42 Сочетаемость цветов 24:25 Где скачивать векторные иконки 31:04 Магия с собачкой 35:01 Вертикальный ритм и карточки 38:02 Плюем на модульную сетку 41:08 Работа с графикой и фото 45:40 Самая страшная ошибка Участвуй в конкурсе в конце выпуска 👍 🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс. 😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог: 🤍 🎁 Используй промо-код NIGHTSCHOOL при оплате любого моего коучинга на WAYUP и получи скидку -30%: 🤍 Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!

Figma уроки с нуля для ui/ux дизайнера

34766
1093
45
00:31:55
21.09.2021

Бесплатные уроки по UI-дизайну с нуля: 🤍 ❤️ 2-х месячный курс UI/UX Designer Pro: 🤍 ❤️ 2-х месячный курс UI Designer: 🤍 В этом видео: Основы #Figma за 30 минут. Почему Figma лучший инструмент для UI/UX дизайнера. Frame в Figma, как создать макет. Инструменты рисования в Figma. Как рисовать векторные элементы в Figma Как задавать цвета и шрифты Как передать макет разработчикам Как общаться с командой в комментариях Figma Layers: Работа со слоями в Figma Effects: Создание эффектов на элементах в Figma 📲 Все курсы по дизайну: 🤍 📲 Instagram Игоря Джазова: 🤍 🔥 Последние популярные видео: Учимся веб-дизайну на примере с нуля: 🤍 UX дизайн для новичков: 🤍 Основы digital-маркетинга: 🤍 Как новичку стартовать в UI/UX Дизайн: 🤍 ✅ Подпишитесь на канал: 🤍 👉 Отзывы учеников: 🤍 #figmaуроки #figmaснуля

Урок №1. Обзор программы | Уроки Figma с нуля «Umapalata» 2022

27184
1274
116
00:20:35
14.03.2022

Уроки Figma с нуля «Umapalata» 2022 | Урок №1. Обзор программы _ Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Телеграм канал: 🤍 Школа дизайна: 🤍 Мое портфолио: 🤍 Тайм-коды: 00:00 Вступление 01:36 Отличие Figma от Photoshop 03:15 Стоимость figma 04:22 Где скачать фигму? 04:58 Регистрация в Фигма 05:28 Вход в figma 07:42 Интерфейс figma 12:43 Как копировать в figma 14:57 Как группировать элементы в фигма 18:57 Настройки меню figma Платные Видео-уроки Tilda: 🤍 ( Уровень сложности 1/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 10/10) _ Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Уроки фигма, уроки figma, #figma, #фигма, фигма с нуля, #урокифигма, веб дизайн с нуля.

Уроки Figma (Фигма) – №26: Создание сайта с нуля / Часть 1 из 3

8069
269
8
00:32:35
14.06.2022

26 урок обучающего курса по Фигме, в котором вы увидите создание сайта с нуля в Figma. Не забудьте подписаться на канал, чтобы не пропустить другие уроки Figma (Фигма) и обязательно включите все уведомления от Youtube и канала Toolbar (Колокольчик). Как создать сайт, приложение, графику в Figma используя профессиональные приемы вы можете узнать из обновляемого, платного курса: 🤍y/ Обсуждения, новости, полезные инструменты для работы в графических редакторах в нашей группе Telegram: 🤍 #фигма #урок26 #figma #сайт #создание

Figma уроки #1| Дизайн первого экрана

20466
971
63
00:39:26
28.07.2021

привет мой друг, по многочисленным просьбам к вашему вниманию Figma уроки (Часть №1). Мы реализуем дизайн первого экрана и изучим базовые инструменты figma, а именно горячие кнопки figma, фигуры figma, тест figma. Приятного просмотра. 🤍 Горячие клавиши figma _ Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Платные Видео-уроки Tilda: 🤍 ( Уровень сложности 1/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 10/10) 00:00 Курс figma, о чем курс 01:20 Горячие клавиши figma 02:02 Чем отличается frame от Группы figma 03:45 Как создать frame figma 04:40 Направляющие figma 06:35 Фигуры figma 24:33 4 Способа объединять в figma 27:23 Что лучше photoshop или figma 27:43 Фигуры figma (продолжение) 31:22 Текст в figma Подписаться на новости: 🤍 Школа дизайна: 🤍 Мое портфолио: 🤍 Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. #Figma #Фигма #УрокиFigma

Figma уроки #2| Дизайн первого экрана

12916
637
41
00:22:14
09.09.2021

Привет мой друг, по многочисленным просьбам к вашему вниманию Figma уроки (Часть №2). Мы реализуем дизайн первого экрана и повторим базовые инструменты с первого урока , а также изучим новый инструмент в figma перо. И все это с дальнейшим переносом в конструктор сайтов Тильда. Приятного просмотра. Вторая часть ( импорт в Тильду): 🤍 Урок №1: 🤍 _ Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Платные Видео-уроки Tilda: 🤍 ( Уровень сложности 1/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 10/10) Подписаться на новости: 🤍 Школа дизайна: 🤍 Мое портфолио: 🤍 Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. #Figma #Фигма #УрокиFigma

Figma за 13 минут для верстальщиков и веб-дизайнеров

267954
10658
340
00:13:33
08.07.2019

Бесплатная платформа для дизайна пользовательского интерфейса Wondershare Mockitt: 🤍 Короткое руководство пользование по Figma. Отвечу на основные вопросы и покажу, как пользоваться программой за 13 минут без воды. Таймкоды: 00:00 Вступление 00:44 Что такое Figma? 00:59 Где скачать Figma? 01:19 Приложение бесплатное или платное? 02:06 Нужно ли устанавливать Figma на компьютер? 02:32 Обзор интерфейса Figma 06:47 Отрисовка холста 07:24 Отрисовка геометрических фигур 08:37 Создание текста 09:45 Произвольные фигуры 11:07 Сохранение изображений 12:53 Вместо заключения Официальный сайт Figma — 🤍 🔵 Telegram — 🤍 🔵 Чат Telegram — 🤍 🔵 Дзен — 🤍 🔵 ВК — 🤍 🔵 Instagram — 🤍 🔵 TikTok — 🤍 🔴 Обучение - 🤍 🔴 Задать технический вопрос — 🤍 #ityoutubersru

Figma с нуля - Слои и ограничения | Веб дизайн. Урок 3

65527
1816
102
00:31:48
09.09.2021

Урок о слоях и ограничениях в Figma! Основы веб (UI/UX) дизайна! 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб- и UI/UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 3 из 8 Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Таймкод: 00:00 - слои и ограничения в Figma 00:25 - слои 04:15 - оптимизация слоев внутри фрейма 06:20 - горячие клавиши для работы со слоями 08:05 - ограничения 16:05 - практическое упражнение (карточка профиля) Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile

[NEW] 🔥 новый Auto Layout в Figma 4.0 (уроки Фигмы 2022) на реальных примерах! Урок 23

64121
3356
952
00:55:33
23.05.2022

#alexeybychkov #ityoutubersru #webdesign Как настраивать автолейаут? Обзор обновленного Auto Layout в Фигме. Реальные примеры, советы и лайфхаки Ссылка на файл 🤍 Скриншоты для насмотренности 🤍 ТикТок — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Содержание курса: Урок 1 — [NEW]⚡Аккаунт, история версий 🤍 Урок 2 — [NEW]⚡Гамбургер меню, предпочтения 🤍 Урок 3 — [NEW]⚡Инструменты и калькулятор 🤍 Урок 4 — [NEW]⚡Слои, маски и массовое переименование 🤍 Урок 5 — [NEW]⚡Сетки. Bootstrap. 8 px grid 🤍 Урок 6 — [NEW]⚡Привязки 🤍 Урок 7 — [NEW]⚡Компоненты 🤍 Урок 8 — [NEW]⚡Компоненты и адаптив 🤍 Урок 9 — [NEW]⚡Выравнивания, Tidy Up 🤍 Урок 10 — [NEW]⚡Текст 🤍 Урок 11 — [NEW]⚡Цвет, градиенты, изображения 🤍 Урок 12 — [NEW]⚡Обводка 🤍 Урок 13 — [NEW]⚡Эффекты: блюры, тени 🤍 Урок 14 — [NEW]⚡Библиотека команды 🤍 Урок 15 — [NEW]⚡Варианты 🤍 Урок 16 — [NEW]⚡Прототипы в Фигме (часть 1) 🤍 Урок 17 — [NEW]⚡Интерактивные компоненты (часть 2) 🤍 Урок 18 — [NEW]⚡Панель кода Inspect 🤍 Урок 19 — [NEW]⚡Экспорт 🤍 Урок 20 — [NEW]⚡Ссылка на проект — 🤍 Урок 21 — Комьюнити — … будет) Урок 22 — [NEW] ⚡ Плагины — 🤍 Урок 23 — [NEW] ⚡ Auto Layout 4.0 в Фигме 🤍 Урок 24 — [NEW] ⚡ FigJam 🤍 0:00 - тоже мне новости! 1:32 - кнопки и автолейаут 5:52 - как устроен автолейаут 7:56 - обзор панели автолейаута 14:43 - кнопка и абсолютное позиционирование 16:40 - табы и автолейаут 18:55 - Фил Хуг! 21:12 - настройка цитаты 24:12 - настройка аккордеонов 29:23 - хоткеи автолейаута 31:52 - адаптив блока с АЛ 36:20 - настройка текстового блокар 37:54 - таблица и автолейаут 41:47 - автолейаут огромного текста 48:51 - автолейаут и смартфоны 50:27 - автолейаут и калькулятор 51:14 - крутой плагин для автолейаута ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 37 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!

Создание дизайна сайта в Figma на реальном примере. Большой курс

106663
6070
145
10:00:58
01.09.2021

Создание сайта от А до Я (комплексный курс): 🤍 Создание интернет-магазина от А до Я: 🤍 Создание крутого слайдера (+посадка на CMS): 🤍 Все курсы в одном комплекте: 🤍 Всем привет, друзья! Сегодня мы создадим дизайн многостраничного сайта в Figma на реальном примере. На странице урока вы можете скачать материалы курса, посмотреть результат и ознакомиться со всеми используемыми инструментами. Файлы урока, исходники, результат: 🤍 ВКонтакте: 🤍 Телеграм: 🤍 Дзен: 🤍

Дизайн главного экрана сайта в Figma. Практический урок по Фигаме

7142
243
24
00:31:30
28.04.2022

Практическое занятие по фигме с нуля. Показываем, как сделать дизайн первого экрана сайта (лендинга) за 20 минут. Ты можешь сразу повторять за Катей и прокачивать свои навыки. Даже если ты еще начинающий веб-дизайнер. ❤️ Забрать исходники дизайна можно тут 🤍 Видео по теме: ✅ Как выбрать курс веб-дизайна 🤍 ✅ Где брать заказы веб-дизайнеру 🤍 ✅ Топ 33 сервиса для веб-дизайнера 🤍 Группа ВК 🤍 Сайт веб-студии 🤍 Веб-студия ONE PAGE (ван пейдж). Игорь Костромин #figma #вебдизайн #figmatutorial

1. Figma с нуля | UX UI Дизайнер: «Возрождение» | Бесплатный курс веб-дизайна — первый урок

28333
1099
80
03:07:37
26.04.2022

UX UI Дизайнер: «Возрождение», первый урок. Домашние задания в телеграм канале 🤍 Figma — очевидный лидер среди инструментов для создания UX UI дизайна. Ведь она позволяет не только создавать дизайн интерфейсов любой сложности, но и делать их интерактивными. Сегодня мы будем изучать основной функционал и принципы работы с этим приложением. Подписывайтесь в сетях: Instagram: 🤍 LinkedIn: 🤍 #Дизайн #Фигма #Курс Спасибо Ирине Хачатрян за помощь с таймингами: 0:00 - Интро 5:02 - Фигма: с чего начать 12:24 - Важные концепции (Frame, Component, instance) 34:30 - Зачем использовать фреймы 42:48 - Интерфейс Figma 58:40 - Базовые инструменты Фигмы 01:10:58 - Примитивы в Фигме 01:11:56 - Перо в Фигме 01:12:15 - Текст в Фигме 01:17:00 - Комментарии в Фигме 01:19:56 - Работа с текстом и подключение шрифтов 01:30:50 - Заливка фигур/слоев цветом и изображениями 01:48:00 - Работа с линией 01:53:55 - Полигон в Фигме 01:56:00 - Работа с пером 02:02:30 - Маски и булевы функции 02:13:00 - Направляющие и сетки 02:18:55 - Стили в Фигме 02:27:50 - Задание и ответы на вопросы 02:54:00 - Горячие клавиши

КАК сделать ДИЗАЙН КАРТОЧКИ товара на Wildberries. Урок в Figma

25943
1065
54
00:12:34
22.05.2022

Купить карточки тут 👉 🤍 #карточкатовара #wildberries #figma

[NEW] 🔥 Компоненты в Figma. Советы, лайфхаки, примеры. Новый нескучный курс по Фигме. Урок 7

84877
5120
1340
00:37:12
13.08.2021

#alexeybychkov #ityoutubersru #figma Как устроены компоненты в Фигме? Когда использовать их? Как разломать мастер-компонент?#alexeybychkov #ityoutubersru #webdesign Как настраивать автолейаут? Обзор обновленного Auto Layout в Фигме. Реальные примеры, советы и лайфхаки Ссылка на файл 🤍 Скриншоты для насмотренности 🤍 ТикТок — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Содержание курса: Урок 1 — [NEW]⚡Аккаунт, история версий 🤍 Урок 2 — [NEW]⚡Гамбургер меню, предпочтения 🤍 Урок 3 — [NEW]⚡Инструменты и калькулятор 🤍 Урок 4 — [NEW]⚡Слои, маски и массовое переименование 🤍 Урок 5 — [NEW]⚡Сетки. Bootstrap. 8 px grid 🤍 Урок 6 — [NEW]⚡Привязки 🤍 Урок 7 — [NEW]⚡Компоненты 🤍 Урок 8 — [NEW]⚡Компоненты и адаптив 🤍 Урок 9 — [NEW]⚡Выравнивания, Tidy Up 🤍 Урок 10 — [NEW]⚡Текст 🤍 Урок 11 — [NEW]⚡Цвет, градиенты, изображения 🤍 Урок 12 — [NEW]⚡Обводка 🤍 Урок 13 — [NEW]⚡Эффекты: блюры, тени 🤍 Урок 14 — [NEW]⚡Библиотека команды 🤍 Урок 15 — [NEW]⚡Варианты 🤍 Урок 16 — [NEW]⚡Прототипы в Фигме (часть 1) 🤍 Урок 17 — [NEW]⚡Интерактивные компоненты (часть 2) 🤍 Урок 18 — [NEW]⚡Панель кода Inspect 🤍 Урок 19 — [NEW]⚡Экспорт 🤍 Урок 20 — [NEW]⚡Ссылка на проект — 🤍 Урок 21 — Комьюнити — … будет) Урок 22 — [NEW] ⚡ Плагины — 🤍 Урок 23 — [NEW] ⚡ Auto Layout 4.0 в Фигме 🤍 Урок 24 — [NEW] ⚡ FigJam 🤍 0:00 - как создать компонет 0:50 - как устроены компоненты 5:49 - как сбросить оверрайд (привязать свойство к мастеру) 8:07 - как быстро найти мастер 9:29 - как вставлять фотографии в компонентах 14:30 - как удалить / разломать мастер 17:09 - внутри мастера не может быть другой мастер 19:00 - реальный пример использования 21:53 - хедер и футер через компонент 25:46 - как через 1 мастер менять разный цвет у PNG 27:40 - советы: что компонентить? 33:03 - как свапать компоненты 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Неоморфизм 2021 | Figma

83282
5971
456
00:30:41
18.01.2021

В этом видео ты узнаешь что такое неоморфизм. Познакомишься с азами программы Figma. Я расскажу тебе тяжелые вещи простыми словами. _ Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Подписаться на новости: 🤍 Школа дизайна: 🤍 Мое портфолио: 🤍 #неоморфизм #figma #Фигма Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Figma, неоморфизм, фигма

Урок 3 - Figma. Знайомство

4301
132
11
01:08:09
13.05.2022

Матеріали до уроку: 1. Figma Tips 🤍 2. Super Advanced Figma for beginners 🤍 3. Another Figma Course 🤍

Как сделать дизайн карточки товара на Wildberries. Урок в Figma

12502
512
33
00:17:22
10.07.2022

Скачать файлы для проекта здесь 🤍 #карточкатовара #wildberries #figma

Figma с нуля - Фреймы и группы | Веб дизайн. Урок 2

97561
2513
71
00:22:21
08.09.2021

Урок о фреймах и группах в Figma! Основы веб (UI/UX) дизайна! 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб и UI UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 2 из 8. Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Таймкод: 00:00 - фреймы и группы в Figma 00:40 - группы 03:00 - отличия группы и фрейма 15:00 - создание карточки для сайта Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile

Figma с нуля - Типографика в Figma | Веб дизайн. Урок 5

47321
1304
49
00:49:30
11.09.2021

Урок о типографике в Figma! Основы веб (UI/UX) дизайна! 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб и UI UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 5 из 8. Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Таймкод: 00:00 - типографика в Figma 00:40 - настройки шрифтов 03:35 - продвинутые опции текста (плагин Lorem ipsum) 07:10 - параметры контейнера с текстом 09:40 - выравнивание текста 10:35 - Type details 20:00 - практическая часть по типографике 29:00 - создаем экран сайта 38:20 - как искать и подбирать шрифты 43:40 - советы по типографике Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile

Уроки дизайна в Figma - делаем постер | Figma Poster Design Tutorial

9979
575
51
00:11:04
01.03.2022

Привет. В этом видео я показываю процесс создания моего постера в фигме. *ИЗВИНЯЮСЬ ЗА КОСЯК СО ЗВУКОМ* 🙏 Поддержать канал: Patreon — 🤍 PayPal — j.tulinov🤍gmail.com Buy me a coffee — 🤍 Найдешь меня тут: IG: 🤍 Behance: 🤍 Телеграмм: 🤍

Повторяем дизайн сайта в Figma из Behance #1 | Лендинг в Фигме [Уроки Веб дизайна]

18063
749
66
00:54:48
14.12.2020

🔥 Не забудьте скачать мою книгу «от Курьера до Дизайнера интерфейсов» 🤍 В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я действовал сегодня, если бы начинал все с «чистого листа». 👇 Присоединяйтесь Канал в Телеграм: 🤍 Автор работы из видео: 🤍 Ссылка на кейс: 🤍 Полезные ссылки из видео: Сервис с бесплатными иллюстрациями: 🤍 Сервис с бесплатными шрифтами: 🤍 В этом уроке я покажу вам как сделать дизайн сайта в Figma. Для тех, кто не в курсе, фигма (figma) — это графический редактор, предназначенный для разработки дизайна различных интерфейсов (от простых сайтов, до сложных проектов). Данное видео подойдет для тех из вас, кто хочет освоить веб дизайн с нуля. Конкретно в этом уроки веб дизайна мы с вами перерисуем лендинг в фигме из behance для того, чтобы попрактиковаться. Подписывайтесь на канал, здесь я бесплатно выкладываю figma уроки про web design и ux ui дизайн, которые помогут вам прокачать свои скилы в дизайне.

Интенсив по Figma — полный обзор от А до Я за 45 минут

125017
5689
170
00:44:52
20.05.2020

Курс по работе в Figma. За 13 кратких и простых уроков вы разберетесь с основными моментами работы в Фигме и переносом дизайна в Тильду. Зачем нужна — Фигма 1. Это самый простой в освоении профессиональный графический редактор 2. Figma — самый популярный бесплатный инструмент для создания интерфейсов в Мире 3. Есть все необходимые функции: маски, работа с градиентами, кривыми и многое другое 4. Помогает создавать прототипы интерфейсов, дизайн сайтов, иллюстрации и векторную графику Таймкоды 00:00 Вступление 1:57 01 Начало работы 4:45 02 Фреймы 7:33 03 Сетка 10:17 04 Объекты 18:19 05 Изображения 22:58 06 Кривые 24:15 07 Текст 27:25 08 Выравнивание 30:19 09 Хоткеи 31:44 10 Стили 35:20 11 Поделиться 37:10 12 Плагины 39:22 13 Перенос 43:00 Таймлапс с версткой сайта

UI/UX дизайн. Разбор 11 работ дизайна подписчиков #83. уроки веб-дизайна в Figma

37255
1776
280
01:07:04
18.07.2022

#alexeybychkov #ityoutubersru #webdesign UI/UX дизайн. Разбор 11 работ дизайна подписчиков. Нужен фидбек? Оставляй свою работу на оценку в группе → 🤍 Инстаграмы ребят: 🤍 🤍 Файл со скриншотами для насмотренности: 🤍 ТикТок — 🤍 Rutube — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 0:00 - доставка пиццы 7:14 - дизайн сайта фит-зала 17:01 - сайт про аромамаркетинг 23:18 - строительство домов 32:11 - дизайн сайта стрельбы из лука 35:38 - сайт аренды спец. техники 40:01 - про коровушек 45:43 - журнал про уличное искусство 50:44 - лендинг про исследовательское бюро 56:19 - курсы йоги 1:00:52 - интернет-магазин скейтов 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 37 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Изучение Figma (Фигма) с нуля / Урок #1 – Создание дизайна (UI/UX) для начинающих

77702
2184
53
00:09:11
15.10.2021

Представляю курс по изучению программы Figma (Фигма) и построению дизайна на её основе. За курс для начинающих мы с нуля научимся работать с Фигма и создадим на её основе несколько (UI, UX) дизайнов. К концу курса у вас будут четкие знания при работе с Figma. ✅ Полезные ссылки: – Курс на сайте itProger: 🤍 – Официальный сайт Фигма: 🤍 ⏰ Тайм-коды: 00:00 - Начало 00:27 - Что такое Figma? 00:51 - Почему он стал популярным? 01:23 - Что умеет Figma? 02:12 - А как же PhotoShop? 03:07 - План курса 03:35 - Регистрация 05:22 - Кабинет пользователя 08:45 - Заключительная часть ✔ Сообщество программистов: 🤍 ✔ - Вступай в группу Вк - 🤍 🚀 Группа FaceBook - 🤍 Инстаграм itProger: 🤍 Instagram: 🤍 Telegram: 🤍 Twitter - 🤍 - Уроки от #GoshaDudar 👨🏼‍💻 - Все уроки по хештегу #goshaLessons

Курс по фигме | Урок 8/11 Компоненты в фигма (figma компоненты) | figma уроки от Web Jump

501
18
3
00:33:46
04.09.2022

Web Jump | Курс по фигме | Урок 8/11 Компоненты в фигма (figma компоненты) | figma уроки Продолжаю уроки по figma для начинающих. В этом уроке поговорим о работе с компонентами в фигме (уже совсем скоро буду создавать дизайн сайта в фигме, применяя все озвученное из предыдущих уроков по figma данного мини курса). Уроки мини-курса по Figma: 1. Урок 1/11: Установка фигмы 🤍 2. Урок 2/11: Основные рабочие области 🤍 3. Урок 3/11: Создание сетки в figma 🤍 4. Урок 4/11: Инструменты figma 🤍 5. Урок 5/11: Выравнивание в Figma 🤍 6. Урок 6/11: Горячие клавиши figma 🤍 7. Урок 7/11: Плагины в Figma 🤍 8. Урок 8/11: Figma компоненты 🤍 9. Урок 9/11: Создаю дизайн в Figma 🤍 Блок по вёрстке дизайна из мини курса по Figma: 10. Урок 10/11: 🤍 11. Урок 11/11: Создаю параллакс на сайте - 🤍 Плейлист мини курса по фигме с нуля: 🤍 🐱 Поддержать канал и автора: 🤍 Большой выпуск по основам веб-дизайна с нуля: 🤍 👨‍🎓 Мой сайт: 🤍 👉 А тут много полезного: 🤍 🤓 Обо мне: 🤍 В этом выпуске: ► компоненты в фигма ► компоненты в figma ► фигма компоненты ► figma компоненты _ Да кстати, про Марафон Web Jump 🚀 Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля? Тогда я приглашаю тебя на 3-х дневный Марафон по созданию продающих сайтов. 📋 Формат: 1) 3 дня практики: видео-уроки и домашние задания; 2) Индивидуальное обучение с каждым учеником; 3) Набор идет постоянно → начни в любое время; 4) Доступ к урокам навсегда → возвращайся и пересматривай; 🎁 БОНУСЫ участникам: ► Бесплатные домен и хостинг для создания своих сайтов ► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru) Подробности и запись тут: 🤍 #webjump #фигма #figma #вебдизайн

🔥 ТОП-10 плагинов для Figma. Как установить плагины в Фигму. Figma уроки

58747
3495
91
00:13:42
02.08.2019

#figma #вебдизайн #фигма Плагины: 🤍 Подписывайтесь, чтобы не пропустить следущий марафон по веб-дизайну: ✔️ INSTA*: 🤍 ✔️ VK: 🤍 ✔️ Telegram: 🤍 * На днях в Фигме появились плагины. Это специальные дополнения, которые помогают веб-дизайнерам и дизайнерам интерфейсов работать быстрее, без доп. сервисов. Figma plugins из обзора: ✓ Chart — генерация графиков разного типа ✓ Color Contrast Checker — проверка контраста объектов. Но бывают неточности ;) ✓ Figma Nounproject — иконки для макетов, не выходя из Фигмы ✓ Figmotion — мощный плагин для анимации интерфейсов. Сродни Principle на macOS. ✓ Image Palette — выдает 5 цветов по загруженному изображению ✓ Image tracer — трассировка растрового изображения в вектор прям в Figma ✓ Map Maker — незаменимая штука в веб-дизайне. Гугл карты в хорошем качестве в макет. ✓ Roto — это вообще пушка! Создание 3Д в Фигме. ✓ Similayer — помогает выделить слои, которые схожи поп параметрам. Скачать исходники: 🤍 Другие уроки по веб-дизайну: ✓ Как выбрать цвета для сайта: youtube.com/watch?v=seowi4Ze0Z0 ✓ Как сделать дизайн кнопки: youtube.com/watch?v=AMw1IUDc6E4 ✓ Что лучше для дизайна: Photoshop или Figma: youtube.com/watch?v=WnsNQRA_eOw ✓ Обзор Figma. Сравнение с Фотошопом: youtube.com/watch?v=oqZuuKfsIZI ✓ Сетки в веб-дизайне. Bootstrap: youtube.com/watch?v=ZxNIkf_Uriw ✅ Study Kvo в соц. сетях: — VK: 🤍 — Telegram: 🤍 — Instagram*: 🤍 — Курс Дизайн взлёт: 🤍 — Курс по UX/UI: 🤍 *Meta, которой принадлежит Instagram, признана в России экстремистской организацией

Уроки Figma (Фигма) – №2: сетка и размер экрана

276931
6404
211
00:15:19
14.08.2018

★ Бесплатно учись веб-дизайну – 🤍 В этом видео Алексей – куратор школы Максим Солдаткина расскажет о преимуществах программы Figma, полезной для начинающих и опытных веб-дизайнеров. Ролик посвящен работой с сеткой и экранами, поэтому вы узнаете такую информацию: 4:25 – сетка bootstrap 7:58 – почему сетка из 12 колонок 10:09 – правила работы с сеткой 11:11 – сетка на адаптивных устройствах На примере адаптивного сайта Алексей объяснит главные нюансы, а также поможет ученику вникнуть в процесс. Чтобы не пропустить следующие уроки, подписывайтесь на канал и не забывайте ставить пальцы вверх. Ссылка на это видео – 🤍 Уроки веб-дизайна с нуля для начинающих – 🤍 Блог о веб-дизайне и интерфейсах – 🤍 Я Вконтакте – 🤍 Мой Instagram – 🤍 Бесплатный курс – 🤍 Курс Дизайнер с обратной связью и трудоустройством – 🤍 ВК: Курс Дизайнер с обратной связью и трудоустройством – 🤍

Уроки Figma (Фигма) – №1: Интерфейс и инструменты | Часть 1

47456
2583
122
00:23:31
26.05.2020

Если вы ищите самые свежие уроки Figma (Фигма) то вы нашли то, что так давно искали. В этом курсе Figma с 0 до PRO вы научитесь создавать дизайн сайта или дизайн приложения используя лучший софт. Уверен что после просмотра этой серии роликов вы сможете освоить веб дизайн и работать удаленно получая достойную зарплату. Вся информация на канале Toolbar всегда будет бесплатной для всех желающих обучатся новым, востребованным профессиям, таким как: ui/ux design и другие. Подписывайтесь на этот канал и получайте самые свежие знания из мира дизайна. Ну и не забывайте подписываться на наш крутой телеграм, если хотите скачивать премиум исходники, шрифты, кисти и прочее для Фотошопа: • Telegram: 🤍 #уроки#фигма#figma

Как стать веб-дизайнером в 2022 году с нуля (урок по Figma для начинающих)

106897
1932
71
00:49:17
11.01.2022

Прислать работу на разбор: 🤍 (Нужно нажать кнопку Share в правом верхнем углу фигмы, выбрать Anyone with link can view, скопировать ссылку и прислать её мне в телеграм) Хочешь больше полезностей о веб-дизайне и карьере в IT? Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Слушай мою книгу в аудиоформате: 🤍 Приходи ко мне на курсы: 🤍 Мой Dribbble: 🤍 Мой Behance: 🤍 #IT #карьера #дизайн #веб-дизайн #UX #UI

Как сделать дизайн сайта в Figma. Дизайн сайта в Фигме. Саня Кво

275979
11115
288
00:17:54
15.02.2020

✅Скачать материалы из урока: 🤍 📹Вторая часть здесь: 🤍 Подписывайтесь, чтобы не пропустить следущий марафон по веб-дизайну: ✔️ INSTA*: 🤍 ✔️ VK: 🤍 ✔️ Telegram: 🤍 #figma #фигма #вебдизайн Это видео – первое из серии уроков на тему: Как сделать дизайн сайта в Figma. Если вы не успели на бесплатный марафон по веб-дизайну (его уроки недоступны после окончания), то теперь сможете выполнить работу марафона в своём темпе по этим урокам. Все макеты мы выполняем в Фигме и она бесплатная. Если у вас её нет, то посмотрите как можно её скачать: 🤍 Для дизайна нам потребуются иконки и фотографии, которые я заранее подготовил. Их можно скачать тут: 🤍 ✅ Study Kvo в соц. сетях: — VK: 🤍 — Telegram: 🤍 — Instagram*: 🤍 — Курс Дизайн взлёт: 🤍 — Курс по UX/UI: 🤍 *Meta, которой принадлежит Instagram, признана в России экстремистской организацией

Уроки Figma. Разрабор интерфейса и базовых функций в 2022

212
8
1
00:16:18
14.06.2022

Сделал видео урок для тех, кто никогда не запускал Фигму и не знаком с программами для дизайнеров. Как выглядит интерфейс в 2022 году. - Интерфейс - Страницы и фреймы (артборды) - Слои - Стилизация объектов - Страницы и компоненты #figma #design #tutorial #interface Подпишись на Телеграмм-канал 🤍 Я UX/UI дизайнер. На канале буду делиться личным опытом и знаниями. Instagram: 🤍 Behance: 🤍 Dribbble: 🤍

Создание дизайна мобильного приложения с Figma

125970
3362
99
02:06:40
28.10.2020

🔥Промокод на скидку 15% на все курсы ITVDN- H94BCAB UX/UI дизайн для начинающих - 🤍 UX/UI базовый курс - 🤍 Материалы вебинара - 🤍 Мобильные устройства - телефоны, планшеты, другие гаджеты - стали неотъемлемой частью нашей жизни. Разрешение их экранов могут варьироваться от 200 до 3000+ пикселей, что добавляет пикантности процессу разработки дизайна. Однако, графический редактор Figma является прекрасным средством проектирования актуальных и отзывчивых интерфейсов мобильных приложений. Он обладает всеми необходимыми удобствами и полезными инструментами для веб-дизайнера. Автор вебинара Алла Штогрина покажет на практике, как использовать весь потенциал Figma, реализуя дизайн с нуля до уровня полноценного макета, готового к передаче разработчикам. Вас ожидает создание дизайна мобильного приложения с Figma. Если вы еще не знакомы с программой Figma, рекомендуем посмотреть запись вебинара «Веб-дизайн с Figma. Легкий старт». В нём Алла Штогрина прошлась по основам работы с программой Figma. План вебинара: Особенности мобильного дизайна. Отрисовка прототипов, подготовка набросков того, как будут выглядеть экраны в Figma. Проектирование User Flow в Figma. Отрисовка эскизов для wireframes в Figma. Подбор подходящей цветовой гаммы и графических элементов в Figma. Прототипирование в Figma. Анимация и микровзаимодействие в Figma. Тестирование на этапе дизайна в Figma. Передача разработчикам. 00:00 Вступление. Знакомство с автором 1:57 План вебинара 2:46 Особенности мобильного дизайна 7:09 Проектирование User Flow 9:35 Отрисовка эскизов 10:24 Создание wireframes и прототипирование 13:10 Figma: проектирование экранов мобильного приложения 26:25 Подбор цветовой гаммы, графических элементов. Отрисовка 1-го экрана 53:29 Отрисовка 2-го экрана 1:28:55 Отрисовка 3-го экрана 1:46:36 Тестирование на этапе дизайна 1:47:57 Передача файлов разработчику с использованием Zeplin. Добавление стилей 1:54:28 Подведение итогов 1:58:32 Вопросы и ответы Если вас интересует веб дизайн с чего начать, веб дизайн уроки, уроки веб дизайна, фигма уроки, обучение Figma, веб-дизайн Figma, фигма, на ITVDN вы найдете подборку качественных материалов, которые позволят вам овладеть данным инструментом веб-дизайна.

Figma с нуля за 30 минут. Быстрый урок по основным функциям программы для начинающих веб-дизайнеров.

30186
876
40
00:30:24
26.07.2021

Хочешь больше полезностей о веб-дизайне и карьере в IT? Вступай в чат Гильдии дизайнеров: 🤍 Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Приходи ко мне на курсы: 🤍 Мой Dribbble: 🤍 Мой Behance: 🤍 #IT #карьера #дизайн #веб-дизайн #UX #UI 0:00 Приветствие 0:32 Десктопное приложение и веб-версия 1:35 Создание файла 2:10 Фреймы 3:10 Инструмент «Прямоугольник» 3:28 Выравнивания 5:44 Скругления и повороты 6:10 Привязки (Constraints) 7:21 Полупрозрачность 8:05 Заливка (Fill) 8:25 Растровые изображения, фотографии, картинки 9:28 Обводки, рамки (Stroke) 10:28 Эффекты (тени, размытия) 11:47 Фигуры и вставка картинок 12:10 Слои и их порядок 12:51 Эффект стекла 14:38 Размытие элемента 15:34 Экспорт 16:17 Перо и карандаш 17:15 Текст 20:22 Авто-лейауты 20:28 Компоненты 25:22 Стили 28:36 Ссылка на файл 29:26 Подведем итоги

Glassmorphism — новый тренд UI! Эффект стекла в Figma (уроки для начинающих) на реальных примерах

37875
2868
325
00:10:53
18.12.2020

#alexeybychkov #ityoutubersru #webdesign Glassmorphism или Frosted Glass — новый тренд в вебе UI. На реальном примере посмотрим стилистику в виде стекла Генератор CSS — 🤍 0:00 - поиск файлов в Комьюнити Фигмы 1:32 - идея Glassmorphismа 2:09 - настраиваем стеклянную стилистику 6:45 - Glassmorphism и иконки 9:29 - CSS генератор Glassmorphism Обучение — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Делаем креатив для Таргета в Figma / 1 урок

4625
205
12
00:18:43
08.03.2022

1 урок из моего бесплатного курса по креативам в Figma. Залетайте в телегу, залетайте в инсту, будем общаться. Основной курс по креативам - 🤍 Телеграм канал с материалами из урока - 🤍 Мой Instagram - 🤍 Конструктор креативов - 🤍 #figma #графическийдизайн #дизайнкреативов

Уроки Figma | 02. Обзор программы на русском за 20 минут

10330
308
17
00:21:20
02.01.2021

🤍 — ваш подарок! Получите 24 раздела для быстрого создания дизайна Landing Page в Figma. В этом видео уроке мы кратко рассмотрим интерфейс программы figma. Это краткий обзор на русском за 20 минут. Вы поймете как работать в программе. Как использовать программу figma. 1. Сначала мы рассмотрим главный экран. Разберем, как производить изменения в вашем аккаунте (изменять аватар, имя, email), как выходить из аккаунта. Рассмотрим вкладку с установленными плагинами и вкладку Teams (команды). 2. Рассмотрим вкладку Search. Здесь вы можете искать различные файлы в вашем аккаунте и среди файлов и плагинов, которыми поделились другие люди в сообществе figma. 3. Рассмотрим вкладку recent, где представлены последние ваши проекты. 4. Познакомимся с вкладкой сообщество (community). 5. Изучим вкладку Drafts с черновиками (проектами) 6. Покажу как можно создавать новые команды и как это поможет структурировать хаос. 7. Создадим новый проект и рассмотрим интерфейс фигмы внутри. 8. Кратко разберем вкладку layers (слои), раздел assets, где будут представлены компоненты. 9. Создадим простой компонент в виде кнопки. Изучим как с ним работать. 10. Коротко поговорим об инструментах фигмы. 11. Инструменты move и scale. 12. Инструменты frame и slice. 13. Инструменты создания векторных фигур (прямоугольник, эллипс, стрелка, линия, здезда, многоугольник). 14. Как быстро вставить изображения в векторные фигуры. 15. Привязки элементов с помощью функции constraints внутри фреймов. 16. Инструменты перо и карандаш. 17. Инструмент коментирования. Узнаете как добавлять новые коментарии. 18. Покажу как пользоваться функцией история верий и отматывать ваш проект назад. 19. Режим презентации. 20. Как делиться вашим проектом с другими людьми (копирование ссылки). Фунция share. 21. Инструменты масштабирования и отображения (zoom/view options). Узнаете как увеличить в фигме, как сделать все больше или меньше. Также поговорим о функциях: pixel prewie, pixel grid (пиксельная сетка), snap to pixel grid (привязка к пиксельной сетке), layout grids (сетки во фреймах и макетах), линейки и направляющие (rulers), режим outlines. 22. Рассмотрим иконку вопроса внизу справа в программе фигма и такие вкладки как: Help center — центр помощи (официальный сайт), Keyboard shortcuts — горячие клавиши, Commynity forum — форум сообществаVideo tutorial — видео уроки, Reset onboarding — запускает всплывающие подсказки, Release notes — заметки о новых функциях и выпусках, Legal summary — политика конфиденциальности и т.д., Get Help — окно поиска с помощью по Figma 🤍 — уроки, плагины макеты для figma. 🤍 — уроки на нашем сайте. 🤍 — вступайте в сообщество вконтакте 🤍 — плейлист со всеми уроками по Figma для начинающих с нуля 🤍 — автор видео: Владимир Чернышов вконтакте 🤍 — платный комплект для быстрого создания прототипов и дизайн макетов Landing Page в Figma «Дизайн генератор»

Назад
Что ищут прямо сейчас на
figma уроки sri lanka food haji ali Flash pkxd video gripper solidworks corona indonesia قصة شعر pin lock open Miracle quail farm топ5 Marksman 厨房 ra AFC Championship Amazing Lego salem social media hyderabad pranks alger npm check