Обучение figma

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

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

577827
9887
291
00:19:52
31.07.2018

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

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

1213479
56163
1903
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

147813
4704
123
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 уроки с нуля для ui/ux дизайнера

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

218164
9148
317
00:13:33
08.07.2019

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

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

52570
1597
60
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 (Фигма) – №1: Интерфейс и инструменты | Часть 1

43794
2430
121
00:23:31
26.05.2020

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

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

108541
5082
153
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. Дизайн сайта в Фигме. Саня Кво

205357
8785
283
00:17:54
15.02.2020

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

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

43423
3320
90
10:00:58
01.09.2021

Создание сайта от А до Я (комплексный курс): 🤍 Создание интернет-магазина от А до Я: 🤍 Создание крутого слайдера (+посадка на CMS): 🤍 Все курсы в одном комплекте: 🤍 Всем привет, друзья! Сегодня мы создадим дизайн многостраничного сайта в Figma на реальном примере. На странице урока вы можете скачать материалы курса, посмотреть результат и ознакомиться со всеми используемыми инструментами. Страница урока и результат: 🤍 Таймкоды: // Знакомство с проектом, обзор материалов, инструментов и ТЗ 00:00 Начало урока 00:14 Обзор материалов курса, технического задания и структуры сайта (Mind map) 10:50 Обзор программы Pencil для создания схем и прототипов 13:56 Подробный разбор структуры сайта и дополнительные требования в ТЗ // Прототипирование 26:30 Для чего нужен этап прототипирования 28:30 Настройка приложения для прототипирования 30:34 Прототипирование главной страницы сайта 1:09:30 Прототипирование страницы «Проекты» и отдельного проекта 1:17:34 Прототип страницы «Услуги» 1:21:49 Прототипирование универсальной страницы 1:23:45 Прототипирование страницы «Блог» 1:25:36 Прототип блока «О компании» 1:38:48 Экспорт страниц из Pencil в растр // Создание дизайна главной страницы сайта в Figma 1:41:12 Создание нового документа Figma 1:45:33 Создание дизайна шапки сайта 2:46:11 Определение цветовых стилей в Figma 2:47:18 Создание дизайна секции «Нам доверяют» 3:10:00 Создание кнопки в Figma с помощью Auto Layout 3:16:08 Создание дизайна секции «Лучшие работы» 3:19:08 Создание дизайна верхней части секции «Лучшие работы» 3:31:00 Создание айтемов (карточек лучших работ) 4:02:10 Добавление и доработка кнопки на основе Auto Layout в Figma 4:09:04 Создание дизайна секции «Нам доверяют» 4:12:37 Дизайн "ленивого" слайдера слева 4:22:11 Дизайн описания и декоративная отбивка 4:25:08 Настраиваем предпросмотр SVG в Windows 4:27:13 Работа с иконками в дизайне и векторизация 4:30:30 Дизайн карточек преимущества (айтемы) и доработка секции 4:49:16 Создание дизайна секции «Наши партнёры» 4:54:47 Дизайн карточек партнёров (айтемы) 5:06:47 Создание дизайна секции «Наш блог» 5:09:41 Дизайн карточек постов (айтемы блога) 5:20:32 Фиксим стили текста в дизайне и создаем компонент заголовка 5:24:07 Дата публикации как элемент Auto Layout Figma и остальные карточки 5:32:49 Создание дизайна пагинации слайдера постов 5:36:51 Важные доработки дизайна 5:40:38 Создание дизайна подвала сайта (Footer) 5:41:24 Обзор и настройка программы-пипетки 5:42:51 Дизайн контента в подвале (текст, меню) 6:02:36 Как правильно подогнать высоту макета Figma 6:05:28 Дизайн социальной секции с иконками в Footer 6:14:04 Определение Footer как компонент Figma // Создание шапки сайта для внутренных страниц 6:15:23 Новый фрейм, стиль сетки и компонент Footer 6:17:28 Создание дизайна шапки на внутренних страницах 6:21:34 Дизайн подложки с мягкой тенью и социальные иконки // Создание дизайна страницы «Наши проекты» 6:31:32 Создание дизайна страницы «Наши проекты» 6:32:47 Дизайн заголовка страницы 6:39:01 Дорабатываем прототип 6:40:23 Дизайн карточек (айтемов) 6:50:27 Про оптимизацию рабочего процесса 6:53:56 Организация и репит айтемов 6:56:27 Подбиваем высоту макета // Создание дизайна страницы проекта 6:58:45 Приступаем к созданию дизайна страницы проекта 6:59:46 Дизайн верхней части (Breadcrumbs и Адрес) 7:03:10 Создание дизайна слайдера фотографий 7:11:30 Дизайн контентной части 7:11:58 Дизайн текстовой части (слева) и доработки 7:26:25 Дизайн правой части страницы проекта // Создание дизайна страницы услуг 7:45:56 Обзор прототипа страницы услуг 7:46:48 Добавляем в дизайн универсальные блоки и сетку 7:48:53 Создание карточек (айтемов) услуг 8:09:33 Добавляем кнопку «Оформить заявку» // Создание дизайна универсальной страницы 8:12:53 Обзор дизайна универсальной страницы // Создание дизайна страницы блога 8:16:44 Приступаем к дизайну блога 8:20:02 Добавление компонента Figma (карточка блога) 8:21:14 Дублирование и наполнение карточек блога 8:24:47 Дизайн пагинации (Pagination) // Создание дизайна блока «О компании» 8:33:40 Создание дизайна страницы «О компании» 8:35:50 Создание дизайна бокового меню 8:42:12 Дизайн контентной части страницы «О компании» 8:51:17 Создание кнопки «Наверх» в дизайне 8:55:03 Приступаем к дизайну страницы «Наши преимущества» 8:58:23 Создание сетки внутри сетки в Figma 9:00:11 Дизайн айтемов преимуществ 9:12:13 Подготовка и экспорт оптимизированной SVG-иконки 9:18:08 Дизайн остальных айтемов преимуществ 9:27:14 Создание дизайна страницы «Наши партнёры» 9:29:11 Создание айтемов страницы «Наши партнёры» 9:39:36 Приступаем к созданию дизайна страницы «Обратная связь» 9:41:30 Дизайн формы обратной связи и секции «Контакты» 9:59:00 Добавляем полосу отбивки от подвала ВКонтакте: 🤍 Телеграм: 🤍 Дзен: 🤍

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

98210
2725
78
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 вы найдете подборку качественных материалов, которые позволят вам овладеть данным инструментом веб-дизайна.

Обучение дизайну с нуля | 1 урок | Создаем дизайн сайта и презентации Figma

15373
993
91
00:30:07
22.04.2022

❌ Скачать материалы для отрисовки: 🤍 🔥 Вступить в чат и сдать работу на проверку в общий чат: 🤍 Пошаговая инструкция, как сделать вкусный дизайн для Nike. За 20 минут вы поймёте, как работают основные инструменты Figma, даже если ни разу не открывали программу. Я расскажу про слои и то, как с ними работать, как создать кнопку call to action и про горячие клавиши в Фигме. Итоговый дизайн можно будет смело добавить в портфолио, как пример работы с композицией, шрифтами и текстом. Бонусом в конце урока я покажу, как сделать презентацию, если у вас есть всего одна страница дизайна. 🔥 Мастер-класс "Отрисуем крутую работу и покажем фишки в дизайне и анимации": 🤍 🌏 Группа вконтакте с сочным контентом, обучалками и трендами в дизайне: 🤍 📡 Наш Telegram-канал для веб-дизайнеров с полезностями: 🤍 👉 Instagram школы (посты про веб-дизайн и школу): 🤍 ♻️ Instagram аккаунт для прокачки насмотренности(отборный дизайн со всего мира): 🤍 ➡️ Личный Instagram Никиты Юдаева: 🤍 🔹 Написать менеджеру школы: 🤍 💰 Заказать дизайн сайта или брендинг компании, пишите на почту: yudaev.branding🤍mail.ru

Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2022)

1302212
37308
1273
00:24:23
08.12.2020

Do you want to learn Figma but don’t know where to start? Well, if you follow this step-by-step tutorial, it will only take you 24 minutes to learn all the basics you need to know to start designing apps and websites in Figma. In this Figma tutorial for beginners, UX designer Amr guides you through Figma’s interface and tools following a very valuable principle to start mastering this tool. “If you want to learn the basics, you should copy other designs”. Do you have more questions about Figma or the next steps you should take? Leave them in the comments below ⬇️ ✅ Check out our new FREE FACILITATION TRAINING and learn the 5 things you can do to become a top 1% facilitator and earn 6 figures while doing it! 👉 🤍 Also if you haven't already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ 🤍 😉 🛠Free resources mentioned in this video: 1️⃣ Figma website - 🤍 2️⃣ Figma resources (Food delivery app UI template) - 🤍 3️⃣ Free Figma icons - 🤍 4️⃣ Unsplash (Free images) - 🤍 ⏰ Video Timestamps 0:00 Intro 0:22 Advantages of using Figma 1:22 How to log in into figma.com 1:36 Why you should copy other designs Start of Tutorial 2:28 How to start a project from a TEMPLATE 5:10 Interface OVERVIEW 5:27 Create a FRAME 6:38 SHAPE and COLOR creation 8:28 CORNER RADIUS adjustment 10:12 Create a CIRCLE 12:25 How to use an ICON 14:28 How to paste IMAGES 15:32 How to use TEXT 18:39 BUTTON UI 21:39 Conclusion 22:32 Next steps Thanks for watching! #Figma #FigmaTutorial #UXDesign 📣 FREE FACILITATION TRAINING! 👉 🤍 We’ve JUST launched a new 1-hour facilitation training, where we’ll teach you: ✅How we landed facilitation gigs with the world’s best companies (Google, Twitter, LEGO & more!) ✅How to successfully build & facilitate ANY workshop, even when you’re not a subject-matter expert ✅How to become a high-paid facilitator in 90 days or less, using our special ‘5-1-6 method’. Interested? This training is available for a limited time only, so unlock it now and start watching! If you want to stay ahead of the UX game, level up your career, and be in the know on the nerdiest, ‘techiest’ things, sign up for our FREE newsletter here: 📩 👇 📝 🤍 👀 Want more? Join 200,000+ people subscribing to our AJ&Smart YouTube, LinkedIn and Instagram channels for free content to help you and your team do more valuable work. AJ&Smart is the #1 design sprint firm in the world, the official Design Sprint training partner with Jake Knapp inventor of the google design sprint and partner of choice for the world's most successful brands. Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021) 🤍

Обучение веб-дизайну с нуля: работа в Figma

1137
35
0
01:27:48
10.09.2020

Сделайте первый шаг к новой профессии – запишитесь на бесплатную карьерную консультацию: 🤍 На мастер-классе Skillbox изучаем основы веб-дизайна. Этот вебинар подойдет как начинающим дизайнерам, так и тем, кто только планирует обучиться дизайну. Приглашенный спикер — арт-директор Wildberries Дмитрий Матвеев. Дмитрий на практике покажет, как нарисовать первый экран веб-сайта, разберет основные направления веб-дизайна и объяснит основы композиции. Вы научитесь создавать дизайн в Figma и работать с текстом. Онлайн-обучение Skillbox — это отличная возможность попробовать себя в роли дизайнера. 03:18 - Презентация Skillbox 03:58 - Презентация спикера 15:12 - Примеры сайтов 35:58 - Работа в Figma 01:01:18 - Презентация курсов от Skillbox Подписывайтесь на наш канал, чтобы не пропустить анонсы новых вебинаров и онлайн-конференций. А также заглядывайте в наши соцсети, там много полезной информации: 🤍 🤍 🤍 🤍 🤍 MB01YDFRX37OFKY #skillbox #дизайн #вебдизайн

Курс для новичков по Figma | Обучение фигмы? | Как за 7 дней прокачать свой скилл? Бесплатно

1168
121
26
00:08:31
28.05.2021

Сперва подпишись на мой инстаграм: 🤍 Хочешь за 7 дней активно изучить Фигму? Тогда тебе нужно посмотреть это видео. Плейлист всего марафона: 🤍 Ежедневно самостоятельно или с другом копируй дизайн в Figma, а после - смотри следующее видео с обзором основных ошибок, которые допускают 80% человек. В видео я укажу на недочеты и как лучше, и правильнее строить процесс дизайна. По идеи, за 7 дней вы поймете процесс создания дизайна и получите насмотренность минимум на 7 новых дизайнов. Постараюсь, чтобы эти 7 дней были очень полезны вам. Есть вопросы или просто привет написать, пиши мне в телеграм: 🤍 Если есть вопросы, пиши в комментарии под видео. Удачи в освоении мира дизайна!

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

3630
218
17
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: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile #webdesign

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

25949
816
45
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

Курс веб-дизайн за месяц (Лекция №1) | Обучение дизайну в Figma

16913
690
68
00:56:09
24.05.2019

Веб-дизайн за месяц (Лекция №1) | Обучение дизайну в Figma Записал для себя впервые курс по веб-дизайну, который охватывает 90% вопросов для начинающих. Отработать навыки веб-дизайнера вы можете в программе Figma, просто повторяя за мной. Дебютный прямой эфир по веб-дизайну на тему: - Текстовой прототип - Рисование блоков 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Веб-дизайн за месяц (Лекция №1) | Обучение дизайну в Figma ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Веб-дизайн #Веб-дизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна

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

197819
6719
329
00:16:11
13.07.2019

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

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

2683
391
202
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 — Плагины — 🤍 Урок 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 - с нуля до профессионала | Урок #1. Как проходит обучение по курсу. Чему вы научитесь?

855
4
2
00:01:27
28.08.2021

Полный курс FIGMA для Веб дизайнера - с нуля до профессионала на сайте 🤍 Онлайн курс по Figma для детального изучения всех инструментов программы. Также в курсе узнаете основы дизайна, сформируете свою библиотеку компонентов на основе принципов атомарного дизайна. Создадите интерактивные макеты мобильного приложения в своё портфолио. Начинайте изучать Фигма - самую перспективную программу для веб-дизайна! BEONMAX.COM - Онлайн курсы программирования, создания сайтов, дизайна, продвижения Более 50+ онлайн курсов IT/Web профессий - Обучение от 90 руб/мес! Присоединяйся! Наш сайт ► 🤍 Мы в ВК ► 🤍 Мы в Facebook ► 🤍 Мы в Instagram ► 🤍 #beonmax #beonmaxcourses #beonmaxfigma

Урок №1 / СОЗДАНИЕ КНОПКИ в программе Figma / Обучение работы в программер Фигма / Дизайн система

99
6
1
00:11:11
17.01.2022

Урок №1 Создание кнопки в программе Figma. Мы научимся создавать все с самого начала. Изучим инструменты Rectangle и Text. Научимся пользоваться Auto Layout и создавать из кнопки компонент, который мы сможем использовать в наших дизайна. Это первый этап к созданию нашей дизайн системы. Ссылка на Figma - 🤍 Ссылка на обучающий телеграм канал - 🤍

Создание логотипа в Figma на уровне Adobe Illustrator

34484
1170
55
00:18:30
17.04.2020

Создание логотипа в Figma на уровне Adobe Illustrator И сегодня в этом видео я расскажу, как рисовать легкие логотипы, которые могу смотреться довольно стильно на уровне профессиональной программы Adobe Illustrator. 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Создание логотипа в Figma на уровне Adobe Illustrator ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Веб-дизайн #Веб-дизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна

Компоненты в Figma | Грамотная работа с компонентами в макете Фигма

33401
1090
59
00:12:18
13.05.2020

Компоненты в Figma | Грамотная работа с компонентами в макете Фигма Итак, по просьбам подписчиков сегодня урок будет посвящен компонентам и грамотной работе с ними. Почему грамотной, потому что бывают случаи, когда излишнее их использование - только перегружает макет. И сейчас мы рассмотрим все случаи, когда и что использовать. Ссылка на макет - 🤍 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Компоненты в Figma | Грамотная работа с компонентами в макете Фигма ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Веб-дизайн #Веб-дизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна

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

50505
3078
88
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, признана в России экстремистской организацией

Бесплатный мастер-класс «Веб-дизайн с нуля до первых работ за 1 день»

953083
22185
684
01:58:52
03.04.2020

Хочешь больше полезностей о дизайне? Вступай в чат Гильдии дизайнеров: 🤍 Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Приходи ко мне на курсы: 🤍 Чтобы прислать свою работу мне на разбор, жми кнопку Share в верхнем правом углу фигмы, выбирай Anyone with link can view, копируй ссылку и присылай её мне в телеграм 🤍 0:00 Приветствие 3:58 Инструменты веб-дизайнера 7:01 Знакомство с Figma 12:25 Где брать бесплатные картинки, иконки и шрифты 24:26 Продолжаем знакомиться с Figma 37:04 Приступаем к дизайну сайта 1:50:02 Что делать дальше?

Курс веб-дизайн за месяц (Лекция №2) | Обучение дизайну в Figma

4646
186
11
00:36:25
31.05.2019

Курс веб-дизайн за месяц (Лекция №2) | Обучение дизайну в Figma Вторая лекция обучения. Сегодня поговорим: - О Mood Board (Цвета, шрифты, композиции и т.д.) - Вопросы с предыдущей лекции 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Курс веб-дизайн за месяц (Лекция №2) | Обучение дизайну в Figma ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Веб-дизайн #Веб-дизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна

Мой большой курс. Впервые обучение на FIGMA!

1413
52
21
00:02:35
20.12.2021

⚡️ 17 января начинается новейшее обучение персонально от меня впервые по дизайну лендингов на FIGMA + их верстка на TILDA 🔥 FIGMA - один из самых современных инструментов для создания дизайна лендингов, соц.сетей, да и в целом чего-угодно. Раньше я работал только в Photoshop, но время идет вперед, всё меняется и совершенствуется, поэтому процесс дизайна и обучение в Figma идет намного быстрее. Тем более для комфортной работы в этой программе не нужен мощный компьютер (как в Photoshop), она буквально "летает" даже на слабых устройствах. Забронировать своё место на обучении: 🤍

Дизайн экрана мобильного приложения в Figma (веб-принципы в мобильном приложении)

25094
677
68
00:28:41
15.06.2020

Дизайн экрана мобильного приложения в Figma В этом видео впервые на канале я создам дизайн пары экранов мобильного приложения в программе Figma. Веб-дизайн будет в следующих видео. Скачать макет - 🤍 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Дизайн экрана мобильного приложения в Figma ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Вебдизайн #Вебдизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна

Уроки Figma Auto Layout. Полное руководство по автолейаут. [Фигма уроки]

51595
2460
150
00:18:35
16.02.2020

Как устроен автолейаут. Как пользоваться привязками. Как сделать резиновые табы, кнопки, списки с буллитами. ВАЖНОЕ: Моя фигма-страница figma.com/🤍vandesign Файл Aut Layout Fun 🤍 НЕ МЕНЕЕ ВАЖНОЕ: Книга «Руководство по Figma» 🤍 Фигма.хелп 🤍 🧰 Уроки Figma на русском. Фигма — это бесплатная онлайн программа для дизайна web и UI. Приложения для Windows, Mac OS, Android (Material design) и iOS. Программу можно скачать на сайте 🤍figma.com. Торрент не нужен! )) • Как сделать в Фигме свой первый сайт. • Как использовать сетки и направляющие в вашем проекте. • Что такое компоненты и фреймы в Фигме. • Самые интересные плагины (plugins) Фигмы. • Горячие клавиши для Windows и Mac OS. • Анимация, шрифты (Google Fonts) и иконки. • Как создать свои UI Kit и шаблоны (templates). • Сравнение с Sketch и Adobe XD. Потихоньку всё сложится в курс по дизайну в Figma. - 👍 Поддержать канал: 🤍

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.

269081
8368
751
03:17:08
03.03.2021

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Сегодня мы с вами сверстаем не сложный макет состоящий из 4х страниц. В процессе я подробно описываю свои действия. Упор на структуру и анализ. Покажу несколько приемчиков качественной верстки. 👉 Скачать макет (открытый доступ): 🤍 👉 Скачать сборку с результатом: 🤍 👉 Уроки упомянутые в видео: Бесплатный курс по верстке: 🤍 Адаптивная верстка: 🤍 Адаптивная верстка картинок: 🤍 Меню бургер: 🤍 Иконочные шрифты: 🤍 🔴 Карта канала: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 00:00:00 - В выпуске 00:01:06 - Подготовка к верстке. Анализ макетов 00:10:04 - Подключение ширифтов. Иконочный шрифт 00:24:00 - Настройка контейнера 00:27:46 - Верстаем шапку 00:59:52 - Верстка содержимого главной страницы 02:43:51 - Верстка страницы Blog 02:58:20 - Верстка страницы Works 03:04:47 - Верстка страницы Article 03:16:21 - Заключение 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©

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

79052
1093
46
00:49:17
11.01.2022

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

Как новичку стартовать в UI/UX Дизайн

133761
4977
154
00:24:44
21.01.2020

👨‍💻 Бесплатные уроки для новичков: 🤍 🙊2-х месячный курс UI/UX Designer Pro: 🤍 В этом видео расскажу о том, как новичку стартовать в UI/UX дизайне. Перед началом большого пути важно понимать к чему вы идёте и какой самый оптимальный выбрать путь. Содержание видео: 0:28 Что такое UI/UX и чем отличает UI от UX 2:23 Инструменты ui/ux дизайнера: Figma/Sketch 5:14 Как менялся веб-дизайн за последние 10 лет 6:42 Почему любой может стартовать в ui/ux дизайне в нуля 8:52 Анализ пользователей сайта 9:41 Умение аргументировать дизайн сайта 10:45 Как работать с заказчиком 11:20 Знание guidelines iOS и Material design 12:10 Доработка веб-сайтов. Аналитика и юзабилити. 13:40 Учитесь копировать чужой интерфейс 15:00 Осмысливайте дизайн своих коллег 16:40 Реализуйте свои идеи сайтов или мобильных приложений 18:50 Работа с аутсорсинговой компании 19:43 Работа в местном агентстве по созданию сайтов или мобильных приложений 20:22 Работа в продуктовой IT-компании ✅Подписаться на канал: 🤍 Блог: 🤍 Instagram: 🤍 Facebook: 🤍

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

153194
6159
118
00:29:47
28.10.2019

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

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

902407
29461
456
01:26:21
10.02.2021

Learn the process of UI / UX design. In this tutorial you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The video covers wireframing, prototyping, and designing in Figma. This course was developed by Adrian Twarog. Check out his channel: 🤍 ⭐️ Sections ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:27) Wireframing ⌨️ (30:58) UI Layout ⌨️ (1:06:38) Mockup Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍 And subscribe for new videos on technology every day: 🤍

Figma Variants как пользоваться? Уроки Фигма для начинающих

106887
2823
322
00:18:39
31.10.2020

#alexeybychkov #ityoutubersru #webdesign Обучение — 🤍 Разбираемся как работает Figma Variants — новый способ группировки и организации вариантов одного компонента. Песочница — 🤍 0:00 - обзор песочницы 4:55 - варианты и price table 13:07 - варианты и кнопки 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 Содержание курса: Урок 1 — [2021] ⚡ Аккаунт, история версий 🤍 Урок 2 — [2021] ⚡ Гамбургер меню, предпочтения 🤍 Урок 3 — [2021] ⚡ Инструменты и калькулятор 🤍 Урок 4 — [2021] ⚡ Слои, маски и массовое переименование 🤍 Урок 5 — [2021] ⚡ Сетки. Bootstrap. 8 px grid 🤍 Урок 6 — [2021] ⚡ Привязки 🤍 Урок 7 — [2021] ⚡ Компоненты 🤍 Урок 8 — [2021] ⚡ Компоненты и адаптив 🤍 Урок 9 — [2021] ⚡ Выравнивания, Tidy Up 🤍 Урок 10 — [2021] ⚡ Текст 🤍 Урок 11 — [2021] ⚡ Цвет, градиенты, изображения 🤍 Урок 12 — [2021] ⚡ Обводка 🤍 Урок 13 — [2021] ⚡ Эффекты: блюры, тени 🤍 Урок 14 — Библиотека команды — 🤍 Урок 15 — Прототипы в Фигме — 🤍 Урок 16 — Панель кода и экспорт — 🤍 Урок 17 — Ссылка на проект — 🤍 Урок 18 — Плагины — 🤍 Урок 19 — [2021] ⚡ Auto Layout в Фигме 🤍 Урок 20 — [2021] ⚡ Варианты 🤍 Урок 21 — [2021] ⚡ FigJam 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Фигма (Figma) Мини-лайфхаки по работе с программой

45065
2112
83
00:08:54
16.10.2018

Просили больше видео по фигме. Окей) Сегодня расскажу про полезные фишки при работе с программой Figma. Если видео было полезно, не забудь лайкос и коммент) ★ Мой блог vk vk.com/freelanceblog ★ Канал телеграмм 🤍 ДРУГИЕ МОИ ВИДЕО: Стримы, вебинары по веб-дизайну 🤍 Дизайн в соц.сетях 🤍 Полезные фишки и уроки по фотошопу 🤍 Сервисы и плагины для бизнеса 🤍 Блог на вордпресс с нуля 🤍 Про Mock up (смарт-объекты) 🤍 Дизайн процессы (ускоренное видео) 🤍 Обучение веб-дизайну для начинающих 🤍 #Design #Freelance #Фриланс #Вебдизайн, #арбитраж, #CPA сети. #webdesign #tutorial #design #удаленнаяРабота #photoshop #вебдизайн #photoshoptutorial #Дизайн #figma #Фигма

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

99176
3660
116
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 за временные метки

Курс веб-дизайн за месяц (Лекция №3) | Обучение дизайну в Figma

2815
134
21
00:45:18
07.06.2019

Курс веб-дизайн за месяц (Лекция №3) | Обучение дизайну в Figma Третья лекция лекция обучения. Сегодня поговорим: - Комбинировании - Портфолио - Кейсах 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Курс веб-дизайн за месяц (Лекция №3) | Обучение дизайну в Figma ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Веб-дизайн #Веб-дизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна

Что такое Figma и для чего она нужна?

33517
781
56
00:05:49
29.11.2020

Привет! На канале GeekBrains мы снова поднимаем волнующие темы из мира технологий. В этом выпуске мы вместе с Джуаной разберем возможности, преимущества и недостатки популярного графического редактора Figma. Оставайтесь с нами! Начать обучаться дизайну можно на портале GeekBrains – 🤍 Мы в социальных сетях: 🤍 🤍 🤍 🤍

Назад
Что ищут прямо сейчас на
обучение figma discord как пользоваться mayor дастурчи glückliche beziehung uzmirmira crockery كيفية معرفة رقم خط إتصالات مصر хоккей арам в баре pushpa 2 パフューム well preserved roman buildings summer in finland sleepy hallow deep end hebrivorejaderoller firebase beginner kung fu panda free render programs димас тв