Основы figma

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

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

25135
744
31
00:29:05
13.12.2019

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

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

1475054
66906
2069
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 с нуля - Знакомство с программой | Веб дизайн. Урок 1

392503
12424
234
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: Начало работы, основы программы | Школа Максима Солдаткина

656619
11114
305
00:19:52
31.07.2018

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

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

3964
168
16
00:07:21
20.01.2021

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

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

34536
1084
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снуля

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

86152
2886
80
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 за 8 минут | Курс по работе с Фигма 2022

555
29
15
00:08:04
15.09.2022

Дизайнер, автор видео: 🤍 Блог об IT и создании сайтов на WordPress: 🤍 Заказать сайт можно здесь: 🤍 Хостинг для ваших сайтов (бонус за регистрацию по ссылке): 🤍 Время, когда дизайн сайта создавали на статичном документе в PS, безвозвратно ушло. «Мастхев» инструмент для веб-дизайнера в 2022 году — это Figma. Именно с помощью этого редактора создается юзерфлоу, прототип и дизайн сайта и вот топ причин для этого: — онлайн доступ к фалам, — возможность командной работы, — просмотр кода, скачивание элементов, — удобные инструменты, заточенные под веб. В этом видео-уроке друг канала «Уроки WordPress» Максим расскажет о том, как пользоваться Figma, объяснит минимально необходимые основы и тонкости инструмента, покажет что такое плагин, как его установить, как и почему выбирается разрешение и о многом другом. Приятный бонус: Максим — практикующий дизайнер, поэтому кроме технических нюансов работы, он еще и покажет экспресс мастер-класс по дизайну. Приятного просмотра! #figma #фигма #дизайн #обучение #туториал #дизайнер #инструмент #курс #урок #веб #сайты #сайт #ywp #yrokiwp #палгины #лендинг #landing #одностраничник #course

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

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

267289
10636
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: Основы грамотного веб-дизайна 2022

253020
8121
305
01:42:17
30.01.2019

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

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

3134
166
28
00:20:42
12.08.2021

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

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

116485
4133
121
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 за временные метки

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

8199
157
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 за 29 минут с нуля (2022). Обзор программы и основы веб-дизайна без воды

8861
495
54
00:30:00
14.12.2021

В этом видео ты бесплатно узнаешь, как с нуля работать с инструментом для веб и мобильного дизайна — Figma. Подойдёт для начинающих, кто хочет изучить программу. Но и профессионалы смогут найти для себя полезные фишки в Фигма для разработки дизайна сайтов и мобильных приложений. Углубленный курс по дизайну сайтов и приложений UX/UI: 🤍 💜 ПОДПИШИСЬ И ПОЛУЧАЙ +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

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

30170
975
22
01:04:25
28.05.2019

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

Учиться веб дизайну нужно НЕ с FIGMA

14856
1113
129
00:08:35
12.08.2022

Где бесплатно учиться веб дизайну: 🤍 Учись веб дизайну на чужих работах: 🤍

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

96736
2499
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

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

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

27649
1304
44
00:28:48
13.09.2019

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

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

5918
186
6
03:03:22
19.05.2022

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

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

274298
11062
286
00:17:54
15.02.2020

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

Верстка сайта с нуля из Figma для начинающих #1

265810
8455
364
00:16:10
13.07.2019

FIGMA УРОКИ. ВЕРСТКА С FIGMA. ВЕРСТКА ИЗ FIGMA FIGMA УРОКИ ДЛЯ НАЧИНАЮЩИХ. FIGMA ВЕРСТКА Фигма верстка это серия уроков. Фигма уроки без воды. верстка сайта figma для вас. С этой верстка из figma вы научитесь как верстать с figma для figma в html. По верстка в figma серия уроков для начинающих figma для верстки. Без проблем научаться figma как сверстать. Это видео верстка макета figma Это первое видео из серии роликов по вёрстке сайта с нуля с использованием графического редактора Figma. Вводная часть содержит краткое знакомство с программой, создание структуры будущего веб-проекта и его базовую настройку. Спонсоры канала имеют доступ к готовому коду и многим другим бонусам! Подробнее: 🤍 Ссылка на макет - 🤍 Скачать CSS Reset - 🤍 Паблик ВК - 🤍 Паблик телеграм - 🤍 Сервис иконок - 🤍 Если вам понравилось это видео, не забывайте подписываться на канал, ставить пальцы вверх и писать свои комментарии! Поддержать проект финансово: ЯД - 410019809390277 Bitcoin - 1GgYeUxciUhsnorN1rYWXBuBa6L9fjzXCK 🤍

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

7269
159
18
00:12:13
08.05.2021

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

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

9763
563
51
00:11:04
01.03.2022

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

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

1022
51
6
00:27:13
08.01.2022

В этом видео будем создавать шот для Dribbble (проще говоря – красивую картинку для портфолио UI/UX дизайнера). Здесь хочу познакомить зрителя с интерфейсом Figma, и не слишком углубляться в детали. Поэтому работаем без Auto Layout. Конечно, мы не сделаем картинку 1 в 1 сразу, но в следующем видео – обязательно доделаем. Я не сам придумал этот макет, а вдохновился и почти полностью скопировал работу у Afterglow: 🤍 Ссылка на файл для упражнения: 🤍 Спасибо всем, кто выложил эти замечательные фотографии на Unsplash и других ресурсах. Вот ссылки на них: 🤍 🤍 🤍 🤍 Поддержать автора на Patreon: 🤍 Таймкоды: 0:00 Вступление 1:27 Импорт файла 2:31 Что у нас есть 3:17 Блокирование объектов 3:45 Панель свойств 4:03 Фреймы (Frames) 5:31 Заливка (Fill) 6:00 Пипетка 6:35 Обводка и скругление углов 7:58 Прямоугольник (Rectangle) 9:20 Текст (Text) 10:51 Копирование объектов 14:21 Заносим объект во фрейм 15:06 Масштабирование объектов 15:39 Вращение объектов 18:46 Выравнивание текста 19:32 Групповая перекраска 20:32 Быстро рисуем прямоугольники 20:52 Иерархия объектов 22:00 Выравнивание по направляющим 23:14 Отразить зеркально (flip) и поиск команд 24:09 Размытие объектов (Layer Blur) 24:49 Фрейм вокруг объектов 25:58 Закончили… или нет? 26:57 Спасибо за просмотр!

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

1931
82
14
00:15:48
11.12.2020

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

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

25392
1048
54
00:12:34
22.05.2022

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

FIGMA за 10 МИНУТ // Обучение ФИГМА С НУЛЯ

244
30
18
00:04:57
23.10.2022

Изучить фигму за 5 минут? Легко! Рассказал про фундаментальные основы, которые понадобятся при работе. Быстро, легко и понятно изложил основной функционал программы и рассказал про все инструменты Figma 🔥 Йоу, меня зовут Егор 🦄 и уже 5 лет разрабатываю сайты и занимаюсь комплексной упаковкой бизнесов под ключ Мокап из видео: 🤍 🌈 Залетай ко мне в социальные сети: Instagram: 🤍 Telegram-канал: 🤍 TikTok: 🤍 ВКонтакте: 🤍 Behance: 🤍 Dribbble: 🤍 #Фотошоп, #Уроки фотошоп, #Фриланс, #Дизайн в фотошопе, #Веб дизайн, #Как научиться фотошопу, #Уроки дизайна, #Фигма, #Figma #photoshop #art #tutorial #фотошоп #спидарт #speedart #рисование #фотошопить #как начать фотошопить #уроки фотошоп #photoshop #tutorial

Фигма или Тильда? Зачем нужна Figma, если есть Tilda?

11271
875
69
00:10:34
29.08.2022

Как показал опрос, каждый пятый начинающий дизайнер не понимает, зачем нужна Фигма, если можно дизайнить сразу в Тильде? У опытных этот вопрос вызовет недоумение, а начинающим сложно. Давайте разбираться) ✶✶✶ 🔹 Если вам нужен дизайнер сделать сайт на Тильде — напишите нам. Мы пришлём контакты наших выпускников, кто поможет: 🤍 🔸 Марафоны Study Kvo В телеге: 🤍 В вк: 🤍 ✶✶✶ С одной стороны в Tilda есть редактор нулевого блока — Zero block и он похож на Фигму. Те же слои, инструменты, панель настроек. Но их возможности и назначение настолько отличаются, что сравнивать их будет некорректно. Вся путаница возникает по одной причине — дизайнеры не понимают, как выстраивать процесс работы. Как работать с референсами, как экспериментировать с блоками, генерировать варианты и т.д.. Кажется, что у Тильды и у Фигмы равные функции, но они созданы для разных этапов. Фигма — для генерации и дизайна, Тильда — для сборки чистовика. Поэтому в видео помимо разницы Фигмы и Тильды разберём ещё то, как лучше всего выстраивать процесс работы. Чтобы и с таким вопросом разобраться, и чтобы дизайн был качественнее. #tilda #фигма #figma

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

18816
337
19
03:04:52
18.04.2019

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

INSTAGRAM POST КАК ЭТО СДЕЛАТЬ В FIGMA? | КРАСИВЫЙ ПОСТ ДЛЯ ИНСТАГРАММ В FIGMA | ПОСТ ДЛЯ ИНСТАГРАММ

7261
478
29
00:16:49
07.08.2021

Поддержать канал: 🤍 В этом видео уроке, затронуты такие темы как Blur в figma, градиент в фигма и как с помощью градиета можно сделать тень. Ссылка на проект: 🤍 Instagram: instagram.com/flyyean

[2022] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета

598995
19690
814
01:06:37
10.06.2020

Современный и актуальный подход к верстке сайтов (лендингов) на HTML5/CSS3 с нуля для начинающих из Figma. Разберемся со всем, что волнует начинающих верстальщиков в одном емком уроке! И... 💻 Онлайн-курс «Веб-верстальщик: начало» - 7 занятий и личный наставник бесплатно: 🤍 🖌️ Макет: 🤍 💻 Верстка с 3-мя эффектами, которых нет в видео: 🤍 ⌨️ Sublime Text 3: 🤍 0:00 Хайлайты 0:26 🎙️ Новый рэп, йоу 1:28 Что нас сегодня ждет 5:04 Редактор кода Sublime Text 3 5:50 Базовая структура и объяснение тегов HTML 11:20 Подключаем шрифты из Google Fonts 15:00 Основы CSS 20:37 ⭐ Самый главный принцип верстки 29:25 Как задать фон картинкой для секции (background) 31:10 Как создать меню в верстке (ul, li) 36:30 Dev tools (инструменты разработчика) в Chrome 44:01 Обидный баг в CSS 47:30 Что такое высота строки (line-height) 48:45 🤩 Как изучать верстку, чтобы было хорошо 56:55 🤔 {HOT!} 5 заповедей профессионального верстальщика 1:02:46 Новый розыгрыш! 🎁 1:03:55 Итоги предыдущего розыгрыша 1-ый эпизод шоу: 🤍 🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс. 😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог: 🤍 🎁 Используй промо-код NIGHTSCHOOL при оплате любого моего коучинга на WAYUP и получи скидку -30%: 🤍 Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!

Масштабирование иконок в Figma | Outline Stroke

816
49
2
00:00:22
17.09.2021

Переводим векторную иконку в кривые через Outline stroke в Figma и масштабируем её.

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

6107
131
5
00:20:56
06.02.2019

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

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

136112
3765
219
00:19:55
29.01.2019

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

Назад
Что ищут прямо сейчас на
основы figma diablo lore Asus Zenfone Max M1 Radha krishna grim reaper build Blockchain alexgameheroes грут квм декор civ 6 guides recurve rda dual blasphemous игра dion deep sea brawl hard play bikepacking AnhEm giveaway АВТО samreen ali