Уроки по figma смотреть последние обновления за сегодня на .
Урок по 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
1 урок — Интерфейс. Подробный курс по Figma В течение 15 уроков вы узнаете ВСЕ функции в Figma на момент последнего обновления (02.2019) Мы хотим сделать дизайн доступным для вас, но, к сожалению, знания программ еще не дают тех навыков, которые нужны для того, чтобы делать привлекательный дизайн, который нравится самому. Для тех кто хочет узнать, как правильно работать с типографикой, композицией, прокачать вкус, html, css, навык общения с клиентами и много других необходимых навыков для дизайнера, мы предлагаем познакомиться поближе с нашим обновленным трехмесячным онлайн-курсом "Наука Интерфейсов" — 🤍 За новыми уроками и полезными вещами вы можете следить тут: 🤍 — Telegram канал 🤍 — Группа в ВК Плейлист уроков: 1. Интерфейс — 🤍 2. Манипуляция с объектами — 🤍 3. Frame и slice tool — 🤍 4. Векторные примитивы — 🤍 5. Работа с вектором и пером — 🤍 6. Слои и маски — 🤍 7. Текст — 🤍 8. Цвет — 🤍 9. Сетки и направляющие — 🤍 10. Стили — 🤍 11. Constraints и адаптивность — 🤍 12. Компоненты и UI киты — 🤍 13. Умное выделение и выравнивание — 🤍 14. Прототипирование — 🤍 15. Интеграция и экспорт — 🤍
Курс по работе в 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 Таймлапс с версткой сайта
Заказать сайт: 🤍 Коммерческие запросы: 🤍 Дизайнер, автор видео: 🤍 Блог об IT и создании сайтов на WordPress: 🤍 Заказать сайт можно здесь: 🤍 Хостинг для ваших сайтов (бонус за регистрацию по ссылке): 🤍 Время, когда дизайн сайта создавали на статичном документе в PS, безвозвратно ушло. «Мастхев» инструмент для веб-дизайнера в 2022 году — это Figma. Именно с помощью этого редактора создается юзерфлоу, прототип и дизайн сайта и вот топ причин для этого: — онлайн доступ к фалам, — возможность командной работы, — просмотр кода, скачивание элементов, — удобные инструменты, заточенные под веб. В этом видео-уроке друг канала «Уроки WordPress» Максим расскажет о том, как пользоваться Figma, объяснит минимально необходимые основы и тонкости инструмента, покажет что такое плагин, как его установить, как и почему выбирается разрешение и о многом другом. Приятный бонус: Максим — практикующий дизайнер, поэтому кроме технических нюансов работы, он еще и покажет экспресс мастер-класс по дизайну. Приятного просмотра! #figma #фигма #дизайн #обучение #туториал #дизайнер #инструмент #курс #урок #веб #сайты #сайт #ywp #yrokiwp #палгины #лендинг #landing #одностраничник #course
Як зробити текст по колу в Figma в один клік? Привіт, вітаю тебе !♡ У цьому відео я показала як швидко зробити текст по колу для своїх дизайнів в figma! SOCIAL ✩ insta (🤍LIZKHL) : 🤍 ✩ startup : 🤍 ✩ скачати нашу аплікацію: 🤍 ✩ особистий канал : 🤍 ✩Telegram канал : 🤍 Якщо тобі сподобалось це відео, не забувай підписуватись, а я й далі буду знімати для тебе ! #uxui #фігма #урокидлядизайнера
В этом уроке мы научимся делать очень популярный эффект в дизайне — 3д сферу. Эффект достаточно простой в создании, но как круто и дорого он выглядит в дизайне. Мы настоятельно рекомендуем попробовать повторить этот эффект из урока и использовать в своей дизайне • 1 слой заливаем нужным цветом - обычным и простым способом на вкладке Fill в панели справа в Figma • Нажимаем на + и создаем 2 слой заливки - Важно! Заливка должна быть радиальной (Radial) • Выставляем везде белый цвет (ffffff) - И проставляем точки с разным % прозрачности под углом 45%. • Нужные % - первый - 100%, 60%, 35%, 30%, 15%, последний - 36%, • Создаем тень - Выбираем цвет светлее чем в пункте 1, но обязательно серый. Спава находим панель Effects и жмем на +, выбираем Layer Blur и задаем значение - 45 Присоединяйтесь к нашему новогоднему дизайн-марафону по ссылке 🤍 и учись новым штукам в дизайне каждый день! Ставь ❤️ и подписывайся на наш канал. Впереди еще много интересного. Спикер: Анна Гайдук Подписывайся на инстаграм 🤍 #эффектывfigma #фигмаэффекты #урокипофигме #туториал
Представляю курс по изучению программы 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 для начинающих. Обучение в Фигме с 0. Основы веб (UI/UX) дизайна! В этом видео Ксюша Есипова, спикер марафонов и курса по веб-дизайну от Логомашины, рассказывает, как пользоваться основными инструментами программы Figma. Урок отлично подойдёт тем, кто ни разу не открывал эту программу или графические редакторы в целом. Подготовим открытку для инстаграмм, с котиком, текстом и фотографией. за 30 минут. Будем использовать инструменты фигмы. Просто повторяй за экспертом на видео и у тебя все получится! Ссылка на регистрацию на день рождения Логомашины в июне, с подарками для дизайнеров в телеграм 🤍 Ссылка на установку Figma: 🤍 В этом видео я покажу вам основные шаги, которые нужно предпринять, чтобы начать работать с Figma. Мы рассмотрим все ключевые аспекты, которые помогут вам создавать красивые и профессиональные макеты. Вот что мы будем изучать: Установка и настройка Figma: Я покажу вам, как скачать и установить Figma на ваш компьютер, а также поделюсь некоторыми полезными настройками, которые помогут вам повысить эффективность работы. Интерфейс и инструменты: Разберем основные элементы интерфейса Figma и функциональность каждого инструмента. Вы узнаете, как использовать слои, группировку, выравнивание, инструменты рисования и многое другое. Работа с макетами: Я продемонстрирую вам, как создавать и управлять макетами в Figma. Вы узнаете о сетках, направляющих, масштабировании и адаптивности, чтобы создавать удобные и гибкие дизайны. Совместная работа: В Figma вы можете совместно работать с другими дизайнерами и командами. Я расскажу вам о функциях совместной работы и совместного редактирования, чтобы вы могли легко делиться своими проектами и получать обратную связь. Интеграции и плагины: Figma предлагает широкий спектр интеграций и плагинов, которые могут улучшить ваш опыт работы. Я покажу вам некоторые полезные инструменты, которые помогут вам ускорить и улучшить ваш рабочий процесс. Это только некоторые из ключевых тем, которые мы рассмотрим в этом видео. Независимо от того, являетесь ли вы начинающим дизайнером или хотите узнать больше о Figma, я уверен, что вам понравится и найдете много полезной информации в этом видео. Не забудьте подписаться на мой канал, чтобы получать больше интересных видео о дизайне и современных инструментах. Благодарю вас за просмотр, и до скорой встречи в следующем видео! - 01:00 Вводный урок по фигме 04:20 Создаем фрейм 06:40 Рисуем котика 22:20 Готовим фон фрейма 22:45 Готовим текст 28:50 Вставляем фотографию 37:30 Экспорт подготовленного поста
✅ 🎁 Попробуй Марафон бесплатно 🚀 (во ВКонтакте): 🤍 Добро пожаловать на уроки figma. И это первый урок бесплатного мини курса по фигме для начинающих. Как установить фигму? Проще простого. В данном выпуске осуществим регистрацию в figma и установим десктопную версию для Windows. Уроки мини-курса по Figma: 1. Урок 1/11: Установка фигмы 🤍 2. Урок 2/11: Основные рабочие области 🤍 3. Урок 3/11: Создание сетки в figma 🤍 4. Урок 4/11: Инструменты figma 🤍 5. Урок 5/11: Выравнивание в Figma 🤍 6. Урок 6/11: Горячие клавиши figma 🤍 7. Урок 7/11: Плагины в Figma 🤍 8. Урок 8/11: Figma компоненты 🤍 9. Урок 9/11: Создаю дизайн в Figma 🤍 Блок по вёрстке дизайна из мини курса по Figma: 10. Урок 10/11: 🤍 11. Урок 11/11: Создаю параллакс на сайте - 🤍 Плейлист мини курса по фигме с нуля: 🤍 🐱 Поддержать канал и автора: 🤍 Большой выпуск по основам веб-дизайна с нуля: 🤍 👨🎓 Мой сайт: 🤍 👉 А тут много полезного: 🤍 🤓 Обо мне: 🤍 В этом выпуске: ► figma установка ► установка фигмы ► как установить фигму ► регистрация и установка фигмы ► регистрация и установка figma _ Да кстати, про Марафон Web Jump 🚀 Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля? Тогда я приглашаю тебя на 3-х дневный Марафон по созданию продающих сайтов. 📋 Формат: 1) 3 дня практики: видео-уроки и домашние задания; 2) Индивидуальное обучение с каждым учеником; 3) Набор идет постоянно → начни в любое время; 4) Доступ к урокам навсегда → возвращайся и пересматривай; 🎁 БОНУСЫ участникам: ► Бесплатные домен и хостинг для создания своих сайтов ► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru) Подробности и запись тут: 🤍 #webjump #фигма #figma #вебдизайн
Як швидко і якісно зробити адаптивні кнопки в Figma? Привіт, вітаю тебе !♡ У цьому відео я показала як швидко та якісно робити кнопки для своїх дизайнів в figma! SOCIAL ✩ insta (🤍LIZKHL) : 🤍 ✩ startup : 🤍 ✩ скачати нашу аплікацію: 🤍 ✩ особистий канал : 🤍 ✩Telegram канал : 🤍 Якщо тобі сподобалось це відео, не забувай підписуватись, а я й далі буду знімати для тебе ! #uxui #фігма #урокидлядизайнера
#alexeybychkov #ityoutubersru #webdesign Как настраивать автолейаут? Обзор обновленного Auto Layout в Фигме. Реальные примеры, советы и лайфхаки Ссылка на файл 🤍 Скриншоты для насмотренности 🤍 ТикТок — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Содержание курса: Урок 1 — [NEW]⚡Аккаунт, история версий 🤍 Урок 2 — [NEW]⚡Гамбургер меню, предпочтения 🤍 Урок 3 — [NEW]⚡Инструменты и калькулятор 🤍 Урок 4 — [NEW]⚡Слои, маски и массовое переименование 🤍 Урок 5 — [NEW]⚡Сетки. Bootstrap. 8 px grid 🤍 Урок 6 — [NEW]⚡Привязки 🤍 Урок 7 — [NEW]⚡Компоненты 🤍 Урок 8 — [NEW]⚡Компоненты и адаптив 🤍 Урок 9 — [NEW]⚡Выравнивания, Tidy Up 🤍 Урок 10 — [NEW]⚡Текст 🤍 Урок 11 — [NEW]⚡Цвет, градиенты, изображения 🤍 Урок 12 — [NEW]⚡Обводка 🤍 Урок 13 — [NEW]⚡Эффекты: блюры, тени 🤍 Урок 14 — [NEW]⚡Библиотека команды 🤍 Урок 15 — [NEW]⚡Варианты 🤍 Урок 16 — [NEW]⚡Прототипы в Фигме (часть 1) 🤍 Урок 17 — [NEW]⚡Интерактивные компоненты (часть 2) 🤍 Урок 18 — [NEW]⚡Панель кода Inspect 🤍 Урок 19 — [NEW]⚡Экспорт 🤍 Урок 20 — [NEW]⚡Ссылка на проект — 🤍 Урок 21 — Комьюнити — … будет) Урок 22 — [NEW] ⚡ Плагины — 🤍 Урок 23 — [NEW] ⚡ Auto Layout 4.0 в Фигме 🤍 Урок 24 — [NEW] ⚡ FigJam 🤍 0:00 - тоже мне новости! 1:32 - кнопки и автолейаут 5:52 - как устроен автолейаут 7:56 - обзор панели автолейаута 14:43 - кнопка и абсолютное позиционирование 16:40 - табы и автолейаут 18:55 - Фил Хуг! 21:12 - настройка цитаты 24:12 - настройка аккордеонов 29:23 - хоткеи автолейаута 31:52 - адаптив блока с АЛ 36:20 - настройка текстового блокар 37:54 - таблица и автолейаут 41:47 - автолейаут огромного текста 48:51 - автолейаут и смартфоны 50:27 - автолейаут и калькулятор 51:14 - крутой плагин для автолейаута ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 37 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Хочешь больше полезностей о веб-дизайне и карьере в IT? Вступай в чат Гильдии дизайнеров: 🤍 Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Приходи ко мне на курсы: 🤍 Мой Dribbble: 🤍 Мой Behance: 🤍 #IT #карьера #дизайн #веб-дизайн #UX #UI 0:00 Приветствие 0:32 Десктопное приложение и веб-версия 1:35 Создание файла 2:10 Фреймы 3:10 Инструмент «Прямоугольник» 3:28 Выравнивания 5:44 Скругления и повороты 6:10 Привязки (Constraints) 7:21 Полупрозрачность 8:05 Заливка (Fill) 8:25 Растровые изображения, фотографии, картинки 9:28 Обводки, рамки (Stroke) 10:28 Эффекты (тени, размытия) 11:47 Фигуры и вставка картинок 12:10 Слои и их порядок 12:51 Эффект стекла 14:38 Размытие элемента 15:34 Экспорт 16:17 Перо и карандаш 17:15 Текст 20:22 Авто-лейауты 20:28 Компоненты 25:22 Стили 28:36 Ссылка на файл 29:26 Подведем итоги
#figmatutorial #figma #uxui #uprock #tutorial #вебдизайн #фигма
#figmatutorial #figma #uxui #uprock #вебдизайн #фигма #webdesign #tutorial
#figmahelp #фигма #уроки Привет! Это подробный, понятный, интересный и бесплатный курс по Фигме :) Уроки без воды и по делу на обычном языке и на живых рабочих примерах! Посмотрим, что можно сделать с текстом, какие настройки есть у шрифтов, как делать метр квадратный и т.д. 00:00 - два режима ввода текста и двойной клик по рамке 2:40 - выбор шрифтов 4:02 - начертание и размер шрифта 4:42 - высота строки (line height) 6:21 - расстояние между букв (letter spacing) 6:31 - расстояние между абзацев (paragraph spacing) 7:58 - красная строка 8:19 - выравнивания слева /по центру / справа / по зашквару 10:07 - выравнивания текста внутри контейнера сверху / по центру / снизу 10:52 - дополнительная менюшка 16:49 - вставка текста (копируем / вставляем) 18:52 - текстовые стили 💰❤️ Поддержать канал: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 Содержание курса: Урок 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 — Текст — 🤍 Урок 11 — Цвет, градиенты, изображения — 🤍 Урок 12 — Обводка и эффекты: блюры, тени, бордеры — 🤍 Урок 13 — Библиотека команды — 🤍 Урок 14 — Прототипы в Фигме — 🤍 Урок 15 — Панель кода и экспорт — 🤍 Урок 16 — Ссылка на проект — 🤍 Урок 17 — Плагины — 🤍 Урок 18 — [2021] ⚡ Auto Layout в Фигме 🤍 Урок 19 — [2021] ⚡ Варианты 🤍 Урок 20 — [2021] ⚡ FigJam 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 15 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
#alexeybychkov #ityoutubersru #figma Как устроены привязки в Фигме (constraints)? Как зафиксировать блок во время скрола страницы в Figma Скриншоты для насмотренности 🤍 ТикТок — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Содержание курса: Урок 1 — [NEW]⚡Аккаунт, история версий 🤍 Урок 2 — [NEW]⚡Гамбургер меню, предпочтения 🤍 Урок 3 — [NEW]⚡Инструменты и калькулятор 🤍 Урок 4 — [NEW]⚡Слои, маски и массовое переименование 🤍 Урок 5 — [NEW]⚡Сетки. Bootstrap. 8 px grid 🤍 Урок 6 — [NEW]⚡Привязки 🤍 Урок 7 — [NEW]⚡Компоненты 🤍 Урок 8 — [NEW]⚡Компоненты и адаптив 🤍 Урок 9 — [NEW]⚡Выравнивания, Tidy Up 🤍 Урок 10 — [NEW]⚡Текст 🤍 Урок 11 — [NEW]⚡Цвет, градиенты, изображения 🤍 Урок 12 — [NEW]⚡Обводка 🤍 Урок 13 — [NEW]⚡Эффекты: блюры, тени 🤍 Урок 14 — [NEW]⚡Библиотека команды 🤍 Урок 15 — [NEW]⚡Варианты 🤍 Урок 16 — [NEW]⚡Прототипы в Фигме (часть 1) 🤍 Урок 17 — [NEW]⚡Интерактивные компоненты (часть 2) 🤍 Урок 18 — [NEW]⚡Панель кода Inspect 🤍 Урок 19 — [NEW]⚡Экспорт 🤍 Урок 20 — [NEW]⚡Ссылка на проект — 🤍 Урок 21 — Комьюнити — … будет) Урок 22 — [NEW] ⚡ Плагины — 🤍 Урок 23 — [NEW] ⚡ Auto Layout 4.0 в Фигме 🤍 Урок 24 — [NEW] ⚡ FigJam 🤍 0:00 - создаем кнопку в Фигме 2:26 - панель привязок 4:23 - тестируем разные привязки 7:00 - фреймы или группы? чем пользоваться? 10:16 - пример1: адаптив карточки 15:22 - пример2: график 17:45 - пример3: поля в форме 20:39 - как зафиксировать блок при скроле 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Як зробити ефект neumorphism в Figma? Привіт, вітаю тебе !♡ У цьому відео я показала як швидко зробити ефект neumorphism для своїх дизайнів в figma! SOCIAL ✩ insta (🤍LIZKHL) : 🤍 ✩ startup : 🤍 ✩ скачати нашу аплікацію: 🤍 ✩ особистий канал : 🤍 ✩Telegram канал : 🤍 Якщо тобі сподобалось це відео, не забувай підписуватись, а я й далі буду знімати для тебе ! #uxui #фігма #урокидлядизайнера
Создаю в прямом эфире с нуля 3 дизайна сайта в разных стилях ✊ Практика в Figma для начинающих веб-дизайнеров и преодоление «страха белого фрейма». 👌 Бесплатный курс по веб-дизайну с проверкой ДЗ: 🤍 Файл из мастер-класса: 🤍
Как устроен автолейаут. Как пользоваться привязками. Как сделать резиновые табы, кнопки, списки с буллитами. ВАЖНОЕ: Моя фигма-страница 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. - 👍 Поддержать канал: 🤍
Як зробити свій дизайн ефектнішим, міняти розташування текстів та елементів в Figma? Привіт, вітаю тебе !♡ У цьому відео я показала як зробити свій дизайн ефектнішим, міняти розташування текстів та елементів в figma! SOCIAL ✩ insta (🤍LIZKHL) : 🤍 ✩ startup : 🤍 ✩ скачати нашу аплікацію: 🤍 ✩ особистий канал : 🤍 ✩Telegram канал : 🤍 Якщо тобі сподобалось це відео, не забувай підписуватись, а я й далі буду знімати для тебе ! #uxui #фігма #урокидлядизайнера
25 урок обучающего курса по Фигме, в котором вы узнаете как работать с функцией Auto Layout. Не забудьте подписаться на канал, чтобы не пропустить другие уроки Figma (Фигма) и обязательно включите все уведомления от Youtube и канала Toolbar (Колокольчик). Как создать сайт, приложение, графику в Figma используя профессиональные приемы вы можете узнать из обновляемого, платного курса: 🤍y/ Обсуждения, новости, полезные инструменты для работы в графических редакторах в нашей группе Telegram: 🤍 #фигма #урок25 #figma #autolayout #автолейаут
💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru ТАЙМ-КОДЫ: 00:00 - Привет! 00:22 - Общее о стилях 00:52 - Стиль цвета 03:59 - Стиль текста 06:02 - Стиль эффектов 06:49 - Пока! Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍 #фигма #figma #вебдизайн #фигма #фотошоп #photoshop #дизайн #design #фриланс
Рубрика «Быстрые пистоны». Булевы операции в компонентах. ВАЖНОЕ: Figma-чат 🤍 Моя фигма-страница 🤍 Книга «Руководство по 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. - 👍 Поддержать канал: 🤍
Десятый урок обучающего курса по Фигме, в котором вы узнаете как работать с изображениями (картинками). Не забудьте подписаться на канал, чтобы не пропустить другие уроки Figma (Фигма) и обязательно включите все уведомления от Youtube и канала Toolbar (Колокольчик). Как создать сайт, приложение, графику в Figma используя профессиональные приемы вы можете узнать из обновляемого, платного курса: 🤍y/ Обсуждения, новости, полезные инструменты для работы в графических редакторах в нашей группе Telegram: 🤍 #фигма #урок10 #figma #курсфигма #изображения
#figmatutorial #figma #uxui #uprock #вебдизайн #фигма #webdesign #tutorial
Урок о типографике в 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 уроки (Часть №2). Мы реализуем дизайн первого экрана и повторим базовые инструменты с первого урока , а также изучим новый инструмент в figma перо. И все это с дальнейшим переносом в конструктор сайтов Тильда. Приятного просмотра. Вторая часть ( импорт в Тильду): 🤍 Урок №1: 🤍 _ Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Платные Видео-уроки Tilda: 🤍 ( Уровень сложности 1/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 10/10) Подписаться на новости: 🤍 Школа дизайна: 🤍 Мое портфолио: 🤍 Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. #Figma #Фигма #УрокиFigma
#figmahelp #фигма #уроки Привет! Это подробный, понятный, интересный и бесплатный курс по Фигме :) Уроки без воды и по делу на обычном языке и на живых рабочих примерах! Посмотрим, что можно сделать с цветом, как настраивать градиенты и редактировать изображения. 0:00 - локальные цветовые стили 3:20 - сквозные цветовые стили 4:25 - слои цвета 6:16 - обзор палитры 9:05 - линейный градиент 10:10 - радиальный градиент 11:05 - градиент конус 11:25 - градиент ромбом 11:50 - режимы отображения изображений 13:41 - настройки изображения 14:37 - как я вставляю картинки, когда нужно 2-5 штук 16:32 - как я вставляю картинки, когда нужно много штук 17:42 - копируем слои градиентов 18:58 - вариант применения кропа картинок 💰❤️ Поддержать канал: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 Содержание курса: Урок 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 — Цвет, градиенты, изображения — 🤍 Урок 12 — Обводка и эффекты: блюры, тени, бордеры — 🤍 Урок 13 — Библиотека команды — 🤍 Урок 14 — Прототипы в Фигме — 🤍 Урок 15 — Панель кода и экспорт — 🤍 Урок 16 — Ссылка на проект — 🤍 Урок 17 — Плагины — 🤍 Урок 18 — [2021] ⚡ Auto Layout в Фигме 🤍 Урок 19 — [2021] ⚡ Варианты 🤍 Урок 20 — [2021] ⚡ FigJam 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 15 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
В этом видео я создаю 💻 дизайн сайта в Figma для UX/UI-агентства с нуля. Рассказываю о модульных сетках, композиции, компонентах, Auto layout + показываю лайфхаки в Фигма (туториал). ☝️ Больше о Figma и основах веб-дизайна: 🤍 1️⃣ Созданный макет: 🤍 2️⃣ Мой бесплатный курс по Figma: 🤍 3️⃣ Мой платный курс по WEB/UX/UI-дизайну: 🤍 Тайм-коды: 00:00 Задача на сегодня 03:11 Подбор гарнитуры (шрифта) 04:06 Какой размер фрейма подобрать 05:25 Работаем с 1-ым экраном 08:15 Правила работы с логотипом 10:00 Правила управления заголовком 11:40 Как работать с сетками в Figma 13:19 Правила работы с параграфами 16:10 Работа с иконками социальных сетей 18:08 Создаем графическое разнообразие 21:09 Создаем CTA-элемент (кнопку) 24:14 Об ограничениях и сути первой секции 26:11 Работаем с Text styles 30:35 Как стать профессионалом в UX/UI 33:05 Правила работы с заголовками секций 36:08 Маленький подзаголовок для заголовка секции 37:40 Размещаем информацию о команде (Components) 46:58 ЗАПОРОЛ СЕТКУ! ИСПРАВЛЯЮ 53:42 Работаем с 3-ей секцией 56:43 Работаем с портфолио 58:24 Как правильно показывать скроллбар (горизонтальный) 1:01:35 Создаем 4-ую секцию 1:03:05 Как работать с инпутами формы 1:06:29 Работа с футером 1:09:22 Что делать с желтым кругом 1:10:30 Как сделать дизайн разнообразнее 1:12:10 Твое самостоятельное задание
★ Бесплатно учись веб-дизайну – 🤍 В этом видео Алексей – куратор школы Максим Солдаткина расскажет о преимуществах программы Figma, полезной для начинающих и опытных веб-дизайнеров. Ролик посвящен работой с сеткой и экранами, поэтому вы узнаете такую информацию: 4:25 – сетка bootstrap 7:58 – почему сетка из 12 колонок 10:09 – правила работы с сеткой 11:11 – сетка на адаптивных устройствах На примере адаптивного сайта Алексей объяснит главные нюансы, а также поможет ученику вникнуть в процесс. Чтобы не пропустить следующие уроки, подписывайтесь на канал и не забывайте ставить пальцы вверх. Ссылка на это видео – 🤍 Уроки веб-дизайна с нуля для начинающих – 🤍 Блог о веб-дизайне и интерфейсах – 🤍 Я Вконтакте – 🤍 Мой Instagram – 🤍 Бесплатный курс – 🤍 Курс Дизайнер с обратной связью и трудоустройством – 🤍 ВК: Курс Дизайнер с обратной связью и трудоустройством – 🤍
Уроки Figma с нуля «Umapalata» | Урок №1. Обзор программы В этом видео мы представляем первый урок нашего курса Figma с нуля «Umapalata». Вам предстоит узнать об основных функциях программы и научиться использовать ее для создания красивого и удобного дизайна. Независимо от того, являетесь ли вы новичком в мире дизайна или опытным профессионалом, этот курс предназначен для всех, кто хочет улучшить свои навыки в работе с Figma! #УрокиFigma #ДизайнерыНачинающие _ Поддержать канал монетой: (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! Основы веб (UI/UX) дизайна! 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб- и UI/UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 3 из 8 Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Таймкод: 00:00 - слои и ограничения в Figma 00:25 - слои 04:15 - оптимизация слоев внутри фрейма 06:20 - горячие клавиши для работы со слоями 08:05 - ограничения 16:05 - практическое упражнение (карточка профиля) Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile
🔥 Не забудьте скачать мою книгу «от Курьера до Дизайнера интерфейсов» 🤍 В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я действовал сегодня, если бы начинал все с «чистого листа». 👇 Присоединяйтесь Канал в Телеграм: 🤍 Плейлист видеоуроков по Figma: 1. Обзор редактора, знакомство с интерфейсом программы — 🤍 2. Настройки программы — 🤍 3. Манипуляции с объектами — 🤍 4. Фреймы — 🤍 5. Инструменты «Прямоугольник» и «Эллипс» — 🤍 6. Инструмент «Перо» и работа с вектором — 🤍 7. Работа с Текстом — 🤍 8. Инструмент «Маска» — 🤍 9. Булевые функции — 🤍 10. Сетки и направляющие — 🤍 Figma уроки — это подробный мини-курс по графическому редактору фигма. Из него вы узнаете как работать в figma и освоите все основные инструменты этого редактора. Эти уроки подойдут для тех, кто осваивает веб дизайн с нуля и хочет научится проектировать ux ui дизайн.
#figmatutorial #figma #uxui #uprock #tutorial #вебдизайн #фигма
Все материалы для даного макета вы можете скачать по ссылке 🤍 Также вы можете посмотреть урок по установке шрифтов 🤍 #figma #figma_tutorial #wildberries #карточкатовара
Мой первый эксперимент с форматом коротких видео, надеюсь вам зайдёт. Пишите в комментария, как вам. Потихонечку начну со старых постов и думаю новые полезности только в таком формате делать. Что думаете?
Рубрика «Быстрые пистоны». Пракиткуемся в одевании масок. ВАЖНОЕ: Figma-чат 🤍 Моя фигма-страница 🤍 Книга «Руководство по 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 с подробным объяснением. Сегодня мы с вами сверстаем не сложный макет состоящий из 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 - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©