Figma основы

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

Основы Figma 25 минут. Дизайн, инструменты, прототип.

21284
654
23
00:29:05
13.12.2019

Курс по дизайну 🤍 #figma #дизайн #обзор Основные возможности FIGMA для дизайнера за 25 минут. Функционала море, если вам зайдет данное видео, и вы хотите детальный обзор тонкостей и особенностей от меня, ставьте лайк, пишите комментарии и подписывайтесь на канал ) - Подписывайтесь в инсту 🤍 - Мои работы 🤍 Сайт 🤍

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

594631
10137
294
00:19:52
31.07.2018

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

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

199932
6353
147
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

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

1291770
59314
1966
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 за 13 минут для верстальщиков и веб-дизайнеров

229286
9505
321
00:13:33
08.07.2019

Бесплатная платформа для дизайна пользовательского интерфейса Wondershare Mockitt: 🤍 Короткое руководство пользование по Figma. Отвечу на основные вопросы и покажу, как пользоваться программой за 13 минут без воды. Официальный сайт Figma — 🤍 ✅ Instagram — 🤍 ✅ TikTok — 🤍 ✅ Сайт — 🤍 ✅ ВК — 🤍 ✅ Telegram — 🤍 ✅ Чат Telegram — 🤍 ✅ Поддержать канал — 🤍 Обучение Frontend-разработке — 🤍 Frontend Book PDF — 🤍 Задать вопрос про фронтенд или верстку — 🤍 #ityoutubersru

⚡️ ОСНОВЫ FIGMA ЗА 7 МИНУТ

3284
144
13
00:07:21
20.01.2021

В этом уроке я расскажу самую базу работы в Фигме, для того чтобы перейти на неё с Фотошопа Разберём несколько инструментов, их свойства, а также почему Figma удобнее Фотошопа для дизайна баннеров и соцсетей ⚡️Бесплатный марафон по баннерам: 🤍 🧨 Курс по рекламным баннерам с обратной связью: 🤍 🍉 Подписывайся в Телеграм: 🤍

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

21398
709
41
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снуля

Основы веб-дизайна. Figma

2181
107
2
01:56:32
28.06.2022

Если хочешь научиться работать в самом лучшем онлайн-сервисе для дизайнеров Figma🤔 и узнать принципы грамотного дизайна👨‍🎨 в 2021 году, мы ждем тебя завтра, 24 марта в 18:00 (киев) / 18:00 (мск), на бесплатном мастер-классе с Андреем Гавриловым. 🤩 На этом мастер-классе нас ждет много практики в направлении грамотного становления начинающего веб-дизайнера. 📚 🔥Подключайся:🤍

Figma основы. Бесплатный курс по figma.

807
44
7
02:34:22
07.02.2022

Материалы для курса: 🤍 Запасная ссылка: 🤍 Полный курс по Figma: 🤍 Сказать спасибо: 🤍 Все мои курсы: 🤍 Мой instagram: 🤍 Там-коды: 00:00 - О чем курс 01:45 - Подготовка к курсу 05:26 - Каких размеров должен быть сайт? 18:29 - Как сохранять проекты 20:29 - Система сеток в Figma 25:35 - Бриф с заказчиком 30:02 - Создаем Mood board 37:10 - Создаем Wireframe 45:09 - Стоковые площадки изображений 48:34 - Разница UX и UI 51:06 - Работа с изображениями в Figma 57:48 - Иерархия элементов и фигуры в Figma 1:04:41 - Как работать с цветом в Figma 1:10:10 - Пара слов и продолжаем 1:11:38 - Как создавать текст в Figma 1:20:16 - Линии и обводка 1:23:20 - Группировка элементов 1:27:57 - Поиск и установка шрифтов 1:34:01 - Работа с иконками 1:44:22 - Градиент в Figma 1:48:55 - Панель subtract 1:51:44 - Сток по иконкам 2:00:03 - Как работать с масками 2:14:33 - Рыбный текст 2:20:50 - Эффекты в Figma 2:26:17 - Экспорт файлов 2:32:47 - Заключение

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

44633
2464
121
00:23:31
26.05.2020

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

Основы работы в Figma

18591
337
19
03:04:52
18.04.2019

Положи начало профессии мечты с курсом ⇒ 🤍 Руководитель веб-студии OKTÂEDER Филипп Соломин проведёт практический мастер-класс по Figma и расскажет про основы работы в этом редакторе. Тебя ждёт: - изучение интерфейсов и возможностей программы; - строительство сеток, создание артбордов, компонентов и стилей. #основы_работы_в_Figma #Figma #как_создавать_дизайн_на_фигме #как_работать_в_фигме #Филипп_Соломин #обучение_фигме #уроки_фигма #фигма #веб_дизайн #веб_дизайн_обучение #курсы_веб_дизайна #скиллбокс #skillbox Подписывайся на наш канал по дизайну 👉 🤍 На наши каналы в социальных сетях: ВКонтакте → 🤍 Facebook → 🤍 Instagram → 🤍 Telegram → 🤍 И не забудь зайти на сайт 👉 🤍 P.S. Активность канала зависит от лайков и комментариев! Так что если хочешь нам помочь – ты знаешь, что делать ;) MB01KBAIAIHMWJP

Figma - основы

6
1
0
00:30:05
01.07.2022

Бесплатный открытый урок «Основы Figma для верстальщика»

7236
137
21
01:56:17
16.02.2022

Figma — это графический онлайн-редактор для дизайнеров интерфейсов и веб-разработчиков. Но как работать с ним и сложно ли это? Разобрались на бесплатном открытом уроке! Кому будет полезен просмотр лайва: начинающим верстальщикам и фронтенд-разработчикам. Всем, кто хочет разобраться с базовыми принципами работы в Figma. Программа лайва: - Почему Figma так популярна. - Основы работы в Figma — как устроены интерфейс, менеджер проектов и основные инструменты. - Как работать с графикой, слоями, текстами и сетками. - Как улучшить коммуникацию дизайнеров и фронтенд-разработчиков. Спикеры: - Рома Ивойлов — ведущий мероприятия. - Артур Трифонов — UX дизайнер в CloudTech, наставник в HTML Academy и практикующий фронтенд-разработчик. Изучайте веб-разработку с помощью профессий: «Фронтенд-разработчик»: 🤍 «React-разработчик»: 🤍 «Бэкенд-разработчик»: 🤍 «Фулстек-разработчик»: 🤍 Тайм-коды: 0:00 Наливаем чай, готовимся к трансляции 3:13 Приветствие, знакомство 6:34 Программа лайва 8:21 Что должен уметь фронтенд-разработчик 11:50 Какие графические редакторы бывают 16:44 Как устроен интерфейс Фигмы 41:10 Как работать с инструментами Фигмы 44:20 Что такое фреймы и группы 47:30 Как экспортировать файлы 52:57 Форматы изображений для веба 59:20 Как экспортировать несколько файлов сразу 1:06:46 Как узнать параметры элементов 1:12:20 Что такое компоненты и лейауты 1:16:24 Прочие инструменты Фигмы 1:20:08 Ответы на вопросы зрителей 1:27:45 Как работать с сетками 1:36:23 Pixel Perfect 1:52:08 Бонусы от Академии 1:54:43 Прощаемся

Figma: Основы грамотного веб-дизайна 2021

245076
7861
303
01:42:17
30.01.2019

Урок по современному веб дизайну. Создание landing page в Figma с нуля. Другие мастер-классы по теме: Создаем профессиональный дизайн сайта с нуля Photoshop 🤍 Создаем дизайн мобильного приложения в Photoshop и XD 🤍 Как создавать 3D веб дизайнеру с нуля с помощью Cinema 4D 🤍

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

25138
753
38
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 (фигма) Основы работы. Часть 1

26404
1254
42
00:28:48
13.09.2019

Видеоурок по основам работы в Figma. Чат в телеграм — 🤍 Добавляйтесь в друзья — 🤍 Курс по Webflow — 🤍 Создать аккаунт Webflow — 🤍 Группа в вк — 🤍

Начинающему Web-дизайнеру. Figma.Основы.

94
3
0
01:44:16
29.04.2021

На стриме я показываю и рассказываю новичкам: некоторые фишки, навыки и понимание. - Какой выбрать шрифт - Работа с контейнерами и текстом - Групировки - Где брать элементы графики и иконки - Теория близости

Мини-курс Figma за 29 минут с нуля (2022). Обзор программы и основы веб-дизайна без воды

4942
299
45
00:30:00
14.12.2021

В этом видео ты бесплатно узнаешь, как с нуля работать с инструментом для веб и мобильного дизайна — Figma. Подойдёт для начинающих, кто хочет изучить программу. Но и профессионалы смогут найти для себя полезные фишки в Фигма для разработки дизайна сайтов и мобильных приложений. 💜 ПОДПИШИСЬ И ПОЛУЧАЙ +100 К ПРОКАЧКЕ В ДИЗАЙНЕ! ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗ ║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣ ╠╗║╚╝║║╠╗║╚╣║║║║║═╣ ╚═╩══╩═╩═╩═╩╝╚╩═╩═╝ Разбираем: где скачать, как установить, все инструменты, свойства, настройки, плагины и создание первого дизайна и презентация клиенту. Даже верстальщики найдут для себя полезным урок Обзор без воды: 00:00 Скачивание и установка Figma 01:26 Обзор менеджера файлов и основных панелей 03:26 Создание проекта и рабочие области 03:42 Обзор пунктов меню 05:20 Горячие клавиши 05:50 Инструменты Move, Scale 06:46 Frame, Slice 07:48 Rectangle, Line, Arrow, Ellipse, Polygon, Star, Images 10:12 Pen, Pencil 10:36 Text 10:46 Hand tool 10:56 Add comment 11:19 История изменений проекта 11:45 Редактирование, создание компонента и маски 12:45 Панель слоёв 13:09 Панель свойств 13:46 Начало создание дизайна карточки и панель свойств 14:00 Создание фрейма 14:37 Clip content 17:13 Эффекты и добавление тени 17:54 Добавление изображений 18:23 Текст и его свойства 23:09 Добавление и редактирование иконок 25:27 Создание кнопки 19. 26:08 Цвет, типы заливки, градиент 20. 27:22 Предпросмотр дизайна 21. 27:33 Создание ссылки для презентации клиенту 22. 27:55 Создание ссылки для верстальщика 23. 28:27 Экспорт дизайна 24. 29:20 Сохранить в формате Figma .fig Где еще ты найдёшь видеоуроки по Веб-дизайну? В крупнейшем сообществе дизайнеров, где я ежедневно публикую: - вдохновение, - советы из реальных проектов, - приколы, - подборки шрифтов, - конкурсы и другие полезности для прокачки в дизайне — заходи: 🤍 А еще мы в Telegram: 🤍 Персональный сайт: 🤍 Видеоуроки, обучение, менторство и заказ дизайна #figma #фигма #обучениедизайну #вебдизайн #alicekdesign

🔥 Figma с нуля — основы работы с Фигмой для веб-разработчика, верстальщика и дизайнера. Полный обзор

103220
3747
117
03:29:05
16.09.2020

Трансляция по основам Фигмы для курса JS / FRONT-END школы Rolling Scopes School где я расскажу основы работы с Фигмой для веб-разработчиков, а также поотвечаю на вопросы на тему Фигмы, дизайна интерфейсов (UX/UI) и взаимодействия разработчиков с дизайнерами. Присоединяйтесь, будет жарко 😉 Добавляйтесь ко мне в: 🔹 Инстаграм: 🤍 🔹 Facebook: 🤍 🔹 Vk: 🤍 🔹 Behance: 🤍 Сайт школы RSS: 🤍 Сайт моего курса по UX UI дизайну: 🤍l/ #Figma #Основы #RSS 00:00 - Вступление 01:42 - Figma Hotkeys 03:22 - План стрима 07:30 - Что такое Figma 09:45 - Веб версия vs установленная 10:45 - Локальные шрифты в веб версии 12:25 - Навигация по Фигме 13:12 - Drafts (скопировать проект к себе в аккаунт) 14:45 - Панель слоев (группы, фреймы) 23:10 - Бургер 26:42 - Привязка к пиксельной сетке 29:44 - Скрытое меню 35:02 - Фреймы 38:00 - Фреймы - обрезка контента фрейма (Clip content) 39:50 - Панель инструментов - фигуры (rectangle, line, ellipse) 49:40 - Панель инструментов - текст 50:32 - Замер расстояний между элементами 53:35 - Панель инструментов - текст - размер текстового контейнера 57:19 - Измерение padding 58:33 - Панель инструментов - текст - вкладка Code (css свойства в Figma) 1:00:30 - Панель инструментов - рука 1:00:45 - Комментарии в Figma 1:07:22 - Атрибуты слоев 1:11:25 - Панель атрибутов 1:12:18 - Как поместить элемент внутрь фрейма 1:13:55 - Панель атрибутов - выравнивание относительно фрейма 1:15:00 - Панель атрибутов - Constraints (параметры привязки контента в фрейме) 1:20:00 - Панель атрибутов - Layer (полупрозрачность) 1:22:50 - Панель атрибутов - Fill (заливка цветом, градиенты, пипетка и т.п.) 1:31:40 - Панель атрибутов - Fill - добавить изображение (image) 1:36:00 - Ещё один способ добавить изображение 1:36:55 - Экспорт изображений из макета (jpg, png, svg) 1:46:12 - Панель атрибутов - Stroke 1:50:27 - Панель атрибутов - Effects 1:53:30 - Поместить фото в фрейм, Resize to Fit 1:54:30 - Практика работы с фреймом 1:56:27 - Панель атрибутов - Effects (продолжение) - Layer Blur 1:57:57 - Типографика (свойства текста) 2:03:47 - Типографика - Paragraph spacing 2:05:40 - Типографика - выравнивание текста 2:08:00 - Типографика - дополнительные параметры (uppercase, lowercase, capitalize и т.п.) 2:11:20 - Что такое многократные объекты (компоненты), Instance 2:17:40 - Состояния компонентов (hover, active и т.д.), параметры Instance 2:20:57 - Создание компонента 2:22:10 - Изменение параметров отдельных Instance, возврат к основным параметрам компонента 2:24:57 - Ограничения по изменению Instance 2:26:01 - Стили и отличия в интерфейсе 2:28:11 - Создание нового стиля (create style) 2:28:45 - Об именовании переменных, фреймов и пр. 2:31:17 - Изменение стиля 2:33:04 - Применение стиля 2:34:33 - Именование стиля 2:35:25 - О заголовках HTML 2:41:15 - Прототипирование (Prototype) 2:42:30 - Прототипирование на примере 2:53:40 - Как делиться макетом 2:57:10 - Лайфхаки 2:58:39 - Сетка 3:07:27 - Комментарии, Общение, Ответы на вопросы 3:28:00 - Финиш Спасибо 🤍Vladimir Lesnichiy за временные метки

14/17 Figma Основы работы и обзор интерфейса. Курс по макетам для аналитиков

36
1
0
00:14:14
05.05.2022

14/17 Figma Основы работы и обзор интерфейса. Курс по макетам для аналитиков

Как работать в Figma? | Инструменты и основы Figma | Веб-дизайн для начинающих (2020)

9077
176
15
00:28:22
04.11.2020

Разбираемся как работать в Figma с нуля, рассматриваем интерфейс и инструменты, настраиваем параметры объектов в Figma. ▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰ 00:00 Начало 00:27 Создание аккаунта 00:36 Режимы работы в Figma 01:13 Как скачать Figma 02:17 Интерфейс программы Figma 04:33 Разница между работой в браузере и работой через приложение Figma 05:58 Что нужно для создания проекта в Figma 06:35 Рабочие инструменты и работа в Figma(разбор интерфейса) 14:40 Разбор и настройки параметров объектов ▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰ ▲ Наш сайт: 🤍 ▲ Курсы веб дизайна: 🤍 ☎ Телефон для записи: +380 95 097 78 91- Лада ══════════════════════════════════ Подписывайся на наши соц. сети - Там мы делимся лучшими наработками, практическими знаниями и новостями школы: ► Instagram: 🤍 ► Facebook: 🤍 ══════════════════════════════════ Так же читайте полезные и интересные статьи в нашем Блоге: 🤍 ══════════════════════════════════ Будь в курсе всех последних событий и нововведений в мире веб дизайна - ✔ Ставь LIKE 👍! ✔ Жми 🔔 - Чтобы не пропустить следующее видео ✔ Появились вопросы? Напиши их в комментариях - и мы обязательно ответим! ✔ Подпишись на канал: 🤍

Основы работы с Figma. Обзор основных инструментов дизайнера, часть 3.

5876
126
6
00:20:56
06.02.2019

Видео из первого учебного модуля DesignSpot School Знакомимся с основными возможностями программы и делаем в ней точную копию google.com Все видео серии: Adobe XD - 🤍 Sketch - 🤍 Figma - 🤍 Axure RP - 🤍 DesignSpot на Facebook 🤍

Дизайн-система в Figma. Часть 1. Основы, тексты, типографика

3661
130
5
03:03:22
19.05.2022

На першому занятті розберемо, що таке дизайн-система, навіщо вона потрібна як і створюється. Обговоримо основи створення дизайн-системи для додатку, сайту або сервісу, фундамент дизайн-системи та її місце у сучасному розробленні. У вебінарі торкнемося як теорії, так і практики: працюватимемо над бібліотекою текстових стилів, обговоримо плагіни та інші інструменти для спрощення роботи. План вебінару: 1) Основи та теорія 2) Як вибудувати роботу над дизайн-системою 3) Як підтримувати дизайн-систему 4) Філософія та принципи дизайн-системи 5) Початок роботи над дизайн-системою та основа інтерфейсу: тексти, типографіка 6) Бібліотека стилів тексту + плагіни та інструментарій 7) Q&A

Прототипирование и анимация в Фигме

161597
6411
119
00:29:47
28.10.2019

Подробное видео о прототипировании и анимации в Фигме. Смотрим как создать наиболее часто используемые в интерфейсном дизайне типы переходов и анимаций. Как обычно, идём от простого к сложному: от самых основ инструмента до относительно сложных примеров. В этом видео фокусируемся на "классическом" функционале для прототипирования Фигмы. В следующем видео рассмотрим в деталях недавно вышедший Smart Animate. Файл с примерами — 🤍

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

59201
1769
59
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

Изучение Figma (Фигма) с нуля / Урок #2 – Фреймы, объекты и рисование

29546
904
48
00:29:42
19.10.2021

Начиная с этого урока мы приступаем к разработке дизайн проекта в программе Figma. За урок мы научимся создавать фреймы, добавлять Grid систему, расставлять объекты и рисовать объекты самостоятельно. ✅ Полезные ссылки: – Урок на сайте itProger: 🤍 – Курс по реализации дизайна на практике: 🤍 ⏰ Тайм-коды: 00:00 - Начало 00:25 - Реализация на практике 00:50 - Основные элементы программы 05:17 - Создание фрейма 11:15 - Система сеток 14:02 - Боковая панель 17:40 - Создание кнопки 20:35 - Редактирование объектов 29:00 - Заключительная часть ✔ Сообщество программистов: 🤍 ✔ - Вступай в группу Вк - 🤍 🚀 Группа FaceBook - 🤍 Инстаграм itProger: 🤍 Instagram: 🤍 Telegram: 🤍 Twitter - 🤍 - Уроки от #GoshaDudar 👨🏼‍💻 - Все уроки по хештегу #goshaLessons

Основы Figma — Романенко Сергей

217
23
2
01:03:07
02.12.2020

В этом уроке Я рассказал о том, что такое Figma. Рассказал основные плюсы и минусы (их почти нет). Показал основные инструменты для работы. Ссылка на Figma: 🤍 ДЗ Ссылка на изображения для домашнего задания: 🤍 Выполненные дз для проверки отправлять сюда: 🤍 Полезные материалы Горячие клавиши для Figma: 🤍 Мой Instagram: 🤍 Мой Facebook: 🤍 Мой Behance: 🤍 00:00 Что такое Figma 01:18 Плюсы и минусы Figma 03:20 Как скачать и установить Figma 06:19 Интерфейс Figma 10:37 Фигуры в Figma 19:49 Работа с изображениями Figma 23:59 Работа с текстом Figma 29:29 Перо Figma 31:31 Комментарии в Figma 32:04 SVG файлы. Как с ними работать и зачем они нужны 35:39 Экспорт файлов в Figma 38:55 Группирование объектов. Как и зачем это делать 41:15 Сетка в Figma 45:07 Выравнивание и прилипание объектов 48:10 Стили и компоненты Figma 53:02 Как поделиться проектом в Figma 54:47 Горячие клавиши Figma 56:26 Домашнее задание

Уроки Figma (Фигма) – #1: Начало работы, основы программы.

1697
74
14
00:15:48
11.12.2020

#figmahelp #фигма #уроки #figma Это первое видео из цикла уроков по работе в Figma, в котором мы знакомимся с программой и учимся в ней ориентироваться. Если остались каки-нибудь вопросы, то задавайте их в комментариях. Пишите что ещё разобрать в роликах. Поддержать канал: 🤍 Я в соцсетях: ► Instagram: 🤍 ► 🤍 ► Facebook: 🤍 ► TikTok: 🤍

Основы веб-дизайна в Figma. Как сделать первый экран сайта.

2310
130
25
00:20:42
12.08.2021

В этом видео я расскажу про базовые принципы веб-дизайна и покажу как они применяются на практике. Также в этом видео: Интерфейс Figma Горячие клавиши На каком разрешении рисовать макет Отступы Сетка Визуальная иерархия Типографика Интерлиньяж Группировка Воздух Цвета Макет из видео — 🤍 Курс по webflow и веб-дизайну — 🤍 Чат в телеграм — 🤍

Основы грамотного веб-дизайна 2021 в Figma

29475
957
22
01:04:25
28.05.2019

Урок для начинающих по основам веб-дизайна с нуля в бесплатной Figma в 2021. С чего начать, основные принципы, идеи... НЕ ПРОПУСТИТЬ СЛЕДУЮЩИЙ LIVE: 🤍

Figma с нуля - Векторные объекты | Веб дизайн. Урок 7

18820
432
40
00:44:19
13.09.2021

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

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

112001
5206
160
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 Таймлапс с версткой сайта

Веб Дизайн в FIGMA. Ui/Ux на практике | Урок #1. Как проходит обучение по курсу. Чему вы научитесь

900
9
1
00:02:08
24.12.2021

Полный курс Веб Дизайн в FIGMA. Основы Ui Ux дизайна на практике на сайте 🤍 Практический курс по веб дизайну для начинающих - от основ и теории до применения знаний на практике и создания работ в портфолио. Изучение редактора Figma. Уроки по основам веб-дизайна: атомарный дизайн, типографика, работа с цветом, создание концепта дизайна сайта и т.д. Практика создания макетов по ТЗ: этап брифа, создание прототипа, отрисовка дизайна, подготовка к вёрстке. Теория и основы веб дизайна и UI UX для новичка. Данный курс - хороший старт в профессии веб-дизайнер с нуля! По итогам курса вы отточите умение работать в Figma (самый популярный графический редактор для веб-дизайна) и создадите реальные работы-презентации, которые разместите в международном сообществе дизайнеров. Узнаете самые действенные способы по поиску работы веб-дизайнера. BEONMAX.COM - Онлайн курсы программирования, создания сайтов, дизайна, продвижения Более 50+ онлайн курсов IT/Web профессий - Обучение от 90 руб/мес! Присоединяйся! Наш сайт ► 🤍 Мы в ВК ► 🤍 Мы в Facebook ► 🤍 Мы в Instagram ► 🤍 #beonmax #beonmaxcourses #beonmaxwebdesign #beonmaxfigma

Мини-курс «Web Design 2. Figma». Урок 1. Композиция, типографика и сетки

130461
3634
217
00:19:55
29.01.2019

Создание сайта ретроспективы мотоциклов в Figma. Материалы для прохождения этого мини-курса можно получить: 🤍 кнопка Материалы для Royal Enfield Обновленный трехмесячный онлайн-курс "Наука Интерфейсов": 🤍 Урок 1: 🤍 Урок 2: 🤍 Урок 3: 🤍 Урок 4: 🤍 Урок 5: 🤍 Урок 6: 🤍 Наши соцсети: 🤍 🤍

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

50760
1382
46
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 | Веб дизайн. Урок 4

23873
674
27
00:10:45
10.09.2021

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

Ярослав Ефремов. Основы работы в Figma. Веб-дизайн

113
3
0
02:46:12
06.12.2020

Основы работы в Figma Веб-дизайн

Figma для верстальщика | Как пользоваться фигмой?

4320
114
15
00:12:13
08.05.2021

В этом видео расскажу как пользоваться фигмой для верстальщика. Как скачивать картинки, как смотреть отступы, как работать с svg в figma и тд. Контакт держу через E-mail: illya.landar🤍gmail.com

Назад
Что ищут прямо сейчас на
figma основы chorva olami mol Bozori URUSH KINO картошка посадка ранняя scum single player series crash course мадест discord mod meme anak indie лера уроки gimp apollo nexus schema gixxer oil change запретная техника дорогие покупки Румыния genshin lag fix samsung g3 primeos vs bliss os kai'sa combo guide