Lending page в фигма

Lending page в фигма смотреть последние обновления за сегодня на .

Быстрый дизайн Landing Page в Figma

45129
1460
59
01:02:51
28.10.2020

🤍 — скачать дополнительные материалы к уроку. 24 раздела Landing Page для создания дизайн макетов в Figma. 🤍 — расширенный комплект для прототипирования и дизайна Landing Page в figma «Дизайн генератор». В этом видео вы узнаете, как сделать дизайн макет Landing Page в программе Figma за 60 минут. На первом этапе мы сделаем прототип лендинга, с помощью комплекта материалов «Sirius 1.0», который подготовил Владимир Чернышов. Затем наполним прототип текстом и изменим цвет буквально за пару кликов мыши. Поговорим, как обработать изображение для первого экрана лендинга. Это урок как для начинающих веб-дизайнеров, так и для тех кто продолжает развиваться. 🤍 — наша группа о Figma вконтакте. 🤍 — наш сайт.

Дизайн лендинга в фигме. Как сделать дизайн Landing Page в Figma

8183
277
37
00:34:14
10.02.2022

Чтобы получить материалы к уроку, напиши мне в инстаграм 🤍 "материалы для эстетикиебеней" В этом видео вы узнаете, как сделать дизайн макет лендинга в программе Figma за 30 минут. Вы научитесь работать с типографиков, композицией, правильно сочетать цвета и обрабатывать фотографии, чтобы дизайн сайта получился максимально эстетичным и эффективным Это урок по дизайну лендинга в фигме и для начинающих веб-дизайнеров, так и для опытных ребят. 🤍 - мой инстаграм 🤍 - телеграм канал с полезностями для дизайнеров

Быстрый ДИЗАЙН САЙТА в Figma // Дизайн Landing Page в фигме

2576
107
27
00:03:28
17.08.2022

Как сделать сайт в нише недвижимости в фигме за 5 минут? Разрушим миф о том, что в Figma невозможно сделать такой же сочный дизайн лендинга как и в Adobe Photoshop. ЕСЛИ ИНТЕРЕСУЕТ ОБУЧЕНИЕ - пиши в телеграм (🤍nytellina) ❤️ Привет, меня зовут Нюта, я более 3 лет занимаюсь разработкой сайтов и приложений под ключ. 🔥 Добавляйся ко мне в социальные сети: Второй YouTube канал: 🤍 Instagram: 🤍 Telegram-канал: 🤍 TikTok: 🤍 Behance: 🤍 #Фотошоп, #Уроки фотошоп, #Фриланс, #Дизайн в фотошопе, #Веб дизайн, #Как научиться фотошопу, #Уроки дизайна, #Фигма, #Figma, #логотипы #Adobeillustrator

Как сделать лендинг? Этапы работы и советы

18350
652
31
00:15:29
26.08.2021

🔥 Мой авторский курс «Figma с нуля»: 👉 🤍 В этом видео мы поговорим о том, что такое лендинг, как его создавать, какие существуют этапы, разберем реальный пример. Я дам практические советы о том, как работать с клиентом над созданием лендинга. По итогу у вас будет четкое понимание: как приступить к задаче, какие вопросы задавать клиенту, на какие этапы разбить рабочий процесс, как работать с правками и как создать успешный лендинг. ✨Для вдохновения: 🤍 🤍 🤍 🤍 🤍 🔗 Мои ссылки: Мой канал в телеге: 🤍 Мой авторский курс «Figma с нуля»: 👉 🤍 Студия: 🤍 Behance: 🤍 Twitter: 🤍 Портфолио по фото: 🤍 🎶 🤍 — 30 дней бесплатной подписки на лучший сервис по подбору музыки _ #Figma #FigmaTutorial #UXDesign #Webdesign

Крутой ДИЗАЙН САЙТА в Figma // Дизайн Landing Page в фигме

2643
105
36
00:05:44
11.01.2023

Как сделать сайт в нише криптовалюты в фигме за 5 минут? Разрушим миф о том, что в Figma невозможно сделать такой же сочный дизайн лендинга как и в Adobe Photoshop. ЕСЛИ ИНТЕРЕСУЕТ ОБУЧЕНИЕ - пиши в телеграм (🤍nytellina) ❤️ Привет, меня зовут Нюта, я более 3 лет занимаюсь разработкой сайтов и приложений под ключ. 🔥 Добавляйся ко мне в социальные сети: Второй YouTube канал: 🤍 Instagram: 🤍 Telegram-канал: 🤍 TikTok: 🤍 Behance: 🤍 #Фотошоп, #Уроки фотошоп, #Фриланс, #Дизайн в фотошопе, #Веб дизайн, #Как научиться фотошопу, #Уроки дизайна, #Фигма, #Figma, #логотипы #Adobeillustrator

Дизайн Landing Page в Figma | Разбор работы #1

3151
172
7
00:20:02
25.11.2021

Мои соц.сети: VK: 🤍 VK GROUP: 🤍 INST: 🤍 BEHANCE: 🤍 #figma #web #вебдизайн #uiux #design #webdesign В этом видео я привношу новый формат на свой канал и делаю разбор своей работы. Показывая какими фишками я пользовался, как создавал графику в Figma без использования фотошопа, также показывал другие разные мелочи при работе над проектом.

Дизайн БАННЕРА И САЙТА в Figma с помощью НЕЙРОСЕТИ// Дизайн Landing Page в фигме

2886
145
26
00:05:59
18.01.2023

Как сделать баннер и сайт в Figma с помощью картинок, которые были сгенерированы нейросетью (искусственным интеллектом). Также в этом ролике ты сможешь получить исходник баннера. ЕСЛИ ИНТЕРЕСУЕТ ОБУЧЕНИЕ - пиши в телеграм (🤍nytellina) ❤️ Привет, меня зовут Нюта, я более 3 лет занимаюсь разработкой сайтов и приложений под ключ. 🔥 Добавляйся ко мне в социальные сети: Второй YouTube канал: 🤍 Instagram: 🤍 Telegram-канал: 🤍 TikTok: 🤍 Behance: 🤍 #Фотошоп, #Уроки фотошоп, #Фриланс, #Дизайн в фотошопе, #Веб дизайн, #Как научиться фотошопу, #Уроки дизайна, #Фигма, #Figma, #логотипы #Adobeillustrator

Дизайн Landing Page в Figma Часть №1

26045
723
58
00:25:10
21.05.2020

✅ Бесплатный вводный курс по UX/UI дизайну 👉🏻 🤍s/free/?utm_source=youtube&utm_medium=link-desc-module&utm_campaign=intensive&utm_content=3tlpbsnfnu4 👉🏻 Обучающий курс по UX/UI дизайну - 🤍s/?utm_source=youtube&utm_medium=link-desc-intensive&utm_campaign=intensive&utm_content=3tlpbsnfnu4 Меня зовут Денис, и на этом канале: — Мастер-классы по Figma — Обзоры реальных проектов — Теория по веб-дизайну Давно я не рисовал что-то на практике. И сегодня я начну серию видео, где я отрисую посадочную страницу (Landing Page) в программе Figma. Тайм-коды: 0:00 - Подготовка макета и стилей 2:15 - Шапка сайта 7:40 - Первый экран (Текст) 13:10 - Первый экран (Слайдер) 18:40 - Левый бар меню #вебдизайн #figma #webdesign #uxui ✅ Подписывайтесь на канал: / 🤍DenisTimoshitskiy Подписывайтесь на меня в соц. сетях: 📲 Telegram 🤍 - новости веб-дизайна и обзоры проектов 📸 VK 🤍 - полезные статьи и задания по веб-дизайну

Дизайн Landing Page в Figma на основе макета с нуля / Senior UI UX

42386
1216
53
01:39:03
09.10.2020

Сделаем дизайн приложения аналитики по данным бренда и заранее сделанному макету. Научимся работать со стилями в Figma. Используем компоненты и Auto Layout для быстрой и удобной работы над блоками и контентом. Итоговый файл в Figma: 🤍 Используемые иконки: 🤍 ГДЕ С НАМИ ПООБЩАТЬСЯ ⚡️Школа онлайн-образования: 🤍 ⚡️Telegram Loftblog: 🤍 ⚡️Telegram IT-обучение: 🤍 ⚡️Группа вконтакте: 🤍

Быстрый дизайн сайта (Landing Page) в Figma. Используем иллюстрации | Веб-дизайн, Урок №2

9304
155
8
00:15:48
01.04.2021

🤍 — скачать комплект «Sirius» (24 раздела для быстрого создания дизайна лендингов в Figma) Плагин из урока с иллюстрациями«Storyset by freepik» — 🤍 🤍 — расширенный комплект «Дизайн генератор» для ускорения работы при создании дизайна Landing Page в figma в 2-5 раз. В этом видео вы узнаете как сделать быстрый дизайн сайта (Landing Page) в Figma. Покажу, где брать классные иллюстрации и использовать их с готовым комплектом материалов для Figma, который я для вас подготовил | Это урок №2 из серии курса по быстрому веб-дизайну.

Анимация в Figma // экран Landing Page //

35003
2075
62
00:10:28
24.09.2022

В этом видео я буду создавать экран Landing Page и мне придется воспользоваться множеством функций для создания анимации в Figma, о которых буду рассказывать по ходу работы. Мне предстоит выстроить композицию, настроить правильно градиент в фигма, использовать Auto layout для создания кнопки входа, выстроить иерархию слоев, создать эффект матового прозрачного стекла, размывающего фон и перемещающегося во время анимации. Ну а собственно в анимации коснемся её гибких настроек и создадим прототип в Figma. 💥 Доступ к бесплатному модулю моего КУРСА по работе в Figma💥 - 🤍 ✔️Формат курса - видеозаписи уроков. ✔️Доступ к курсу ограничения по времени не имеет. ✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем. ❗️По возникающим вопросам- всегда готов к диалогу😉 Присоединяйся к Telegram каналу с полезными плюшками: 🔷 Телеграмм канал - 🤍 Плагин для удаления фона - 🤍 Плагин для подбора изображений - 🤍 Видео по работе с Auto layout в Figma - 🤍 Эффект стекла в Figma + Экран с карточкой товара - 🤍 Видео по работе с градиентами - 🤍 Пожертвовать 💰 Если вы хотите поддержать мой канал и убедиться, что я могу продолжать создавать бесплатный и доступный для всех контент, сделайте пожертвование, перейдя по ссылке 🔗 🤍 🔷 Телеграмм канал - 🤍

#15 Как сделать дизайн сайта в Figma. Landing page design. Обзор от Sovisart

4864
241
15
00:18:54
25.04.2021

Смотрите больше уроков на канале Sovisart 🤍 Iren Kolt ❤ Посмотрите видео, как сделать крутой дизайн сайта в Figma. Привет, на связи Ирен Кольт и школа дизайна SOVISART. В этом видео мы отрисует главный экран лендинга для тренировки. Я нашла вот такую вот картинку в интернете, если объявится хозяин картинки, то пусть сообщит, если он против этого видео. Но в данном случае картинка используется исключительно в учебных целях. И даже повторим ее не полностью, а только возьмем идею вот с такой вот яркой цветной полосой. Такие картинки очень круто перерисовывать в учебных целях. Если Вы рисуете дословно, то, конечно же, такие вещи нельзя класть в портфолио, потому что это будет плагиат. Но если Вы тренируетесь и вбираете в себя какие-то навыки, например: размер меню или расположение каких-то элементов, то это очень-очень крутая практика для начинающих дизайнеров. А сейчас давайте приступать. Картинки я сразу заблокирую и ту, и другую. У меня есть вот такая вот заготовка, эту фотографию Вы найдете по ссылочке в описании под этим видео, и, именно этого парня я буду использовать, как главного персонажа нашего лендинга. Остальное я попытаюсь скопировать так как оно есть на исходнике, но, возможно, не дословно. Давайте посмотрим поближе, что мы здесь имеем. Теперь Вы знаете, как сделать дизайн сайта в Figma. YouTube Audio Library, Stinson - Reed Mathis Ссылки: Текстовая заглушка - 🤍 Google fonts - 🤍 Картинка с парнем - 🤍 #Figma #landingpage #Sovisart ❤❤❤❤❤❤❤❤❤ Присоединяйся к SOVISART в социальных сетях : 👁‍🗨 TELEGRAM (welcome за полезностями) 🤍 👁‍🗨 YOUTUBE (подпишись на канал) 🤍 👁‍🗨 PINTEREST (мега подборки картинок) 🤍 👁‍🗨 INSTAGRAM (больше жизни )) ) 🤍 👁‍🗨 FACEBOOK (куда же без него?) 🤍 👁‍🗨 VK (и здесь мы тоже есть) 🤍 👁‍🗨 Tiktok (:)) tiktok.com/🤍sovisart #15 Как сделать дизайн сайта в Figma. Landing page design. Обзор от Sovisart ❤❤❤❤❤❤❤❤❤ Что на Канале? Графический дизайн, UI/UX дизайн, Создание сайтов (Tilda) Анимация, Фотография и ретушь, видео и монтаж, 3D моделирование интерьеров, Pinblogger: стратегия продвижения в Pinteres Весь ролик можно посмотреть здесь🤍

#17 Дизайн Landing Page в Figma. Как сделать векторную иллюстрацию для главного экрана лендинга.

11019
631
63
00:16:06
10.05.2021

Смотрите больше уроков на канале Sovisart 🤍 Iren Kolt ❤ Посмотрите видео, как можно сделать красивую векторную иллюстрацию для главного экрана лендинга. Привет, на связи Ирен Кольт и школа дизайна SOVISART. В этом видео мы попробуем с Вами нарисовать иллюстрацию к сайту, и иллюстрация будет содержать антипространство, сейчас поймем, что это такое. Итак, заготовка у меня будет вот такого цвета, это темно-синий, можете взять либо цветовой код, либо сделать Print Screen и взять цвета в программе пипеткой. Я создаю монтажную область или Frame, как это называется в Фигме, и делаю его размером 1080 на 1080, такой, как Instagram post, то есть стандартный Instagram post у нас 1080 на 1080 пикселей. И сразу же покрашу Frame в нужный цвет. И, в принципе, можно его заблокировать, можно этого не делать. Картинка будет у меня следующая: у меня будут горы и у меня будет воздушный шар над ними. То есть, сейчас я переключусь на инструмент - карандаш и попробуем с помощью мышки, обойтись мышкой именно, нарисовать какие-то неровные линии. Теперь Вы знаете, как сделать красивую векторную иллюстрацию для главного экрана лендинга. Музыка: YouTube Audio Library, Ice Kenkey Beat - Nana Kwabena #Figma #landingpage #Sovisart #IrenKolt ❤❤❤❤❤❤❤❤❤ Присоединяйся к SOVISART в социальных сетях : 👁‍🗨 TELEGRAM (welcome за полезностями) 🤍 👁‍🗨 YOUTUBE (подпишись на канал) 🤍 👁‍🗨 PINTEREST (мега подборки картинок) 🤍 👁‍🗨 INSTAGRAM (больше жизни )) ) 🤍 👁‍🗨 FACEBOOK (куда же без него?) 🤍 👁‍🗨 VK (и здесь мы тоже есть) 🤍 👁‍🗨 Tiktok (:)) tiktok.com/🤍sovisart #17 Дизайн Landing Page в Figma. Как сделать векторную иллюстрацию для главного экрана лендинга. ❤❤❤❤❤❤❤❤❤ Что на Канале? Графический дизайн, UI/UX дизайн, Создание сайтов (Tilda) Анимация, Фотография и ретушь, видео и монтаж, 3D моделирование интерьеров, Pinblogger: стратегия продвижения в Pinteres Весь ролик можно посмотреть здесь🤍

Быстрый дизайн сайта (Landing Page) в Figma. Сайт с фото + замена иконок | Веб дизайн, урок №4

3159
139
8
00:08:01
08.04.2021

🤍 — скачать комплект «Sirius» (24 раздела для быстрого создания дизайна лендингов в Figma). Ссылки из урока — 🤍 🤍 — расширенный комплект «Дизайн генератор» для ускорения работы при создании дизайна Landing Page в figma в 2-5 раз. В этом видео вы узнаете как сделать быстрый дизайн сайта (Landing Page) в программе Figma. Я расскажу вам о сайте сайте, где можно брать классные фотографии с прозрачным фоном у фотографий. Также поговорим о том, как массово редактировать иконки в комплекте, который я для вас подготовил и заменять из в вашем дизайне. Это урок №4 из курса по быстрому дизайну сайтов. #фигма #figma #вебдизайн #landingpage #лендинг

Дизайн landing page для digital agency в Figma. Онлайн занятие-эфир

6379
375
21
01:56:38
27.04.2022

Дизайн-привет! Прототип можно посмотреть тут: 🤍 Это запись онлайн занятия по Figma, где мы разбирали работу с интерактивными компонентами, создание UI kit и style system. Вспомнили auto layout и немного поговорили про дизайн жизнь. ТикТок: 🤍 Инстаграм: 🤍 Таймкоды: 00:00 - Приветствие 03:56 - UI kit знакомство 07:25 - Создание стилей заливки 10:45 - Создание стилей типографики 15:00 - Иконки 19:07 - Создание кнопки 26:24 - Меню 34:20 - Анимация меню 41:40 - Создание карточки 47:55 - Создание форм 50:50 - Создание карточки вакансии 55:34 - Сборка первого экрана 01:09:50 - Создание второго экрана 01:19:38 - Создание третьего экрана 01:27:54 - Создание четвертого экрана 01:35:18 - Ответ вопрос

Создаём красивый дизайн лендинга в Figma с нуля || Вайрфрейм: часть 1

10141
370
39
00:12:48
13.09.2021

Landing page в Фигма. Как создать макет сайта в Figma? Как создать дизайн лендинга в Фигма? С чего начать? Создаем вайрфрейм в Фигма. Структура лендинга 🔔 ПОДПИСАТЬСЯ на канал: 🤍 📝 ОПИСАНИЕ В этом видео мы продолжим работу над созданием лендинга и сосредоточимся на его структуре. Вы узнаете что такое вайрфрейм и научитесь создавать четкую иерархию для вашей целевой страницы. #figma #landingpage #design #wireframe 00:00 Вступление 00:20 Что такое вайрфрейм? (Wireframe) 02:26 Cтруктура лендинга (блоки лендинг пейдж) 03:04 Создаем вайрфрейм 03:18 Cетка для лендинга 04:07 Создаем хеддер (header) 05:55 Создаем hero страничку лендинга 07:14 Создаем блок с призывом к действию 08:59 Создаем блок с преимуществами 11:09 Создаем блок с социальными доказательствами 🎨 О ПРОЕКТЕ Добро пожаловать на GloryANT. Если ты начинающий дизайнер и хочешь научиться рисовать в графических программах, то этот канал для тебя. Здесь ты увидишь, как рисовать логотипы, визитки, стикеры, баннеры, плакаты и многое другое. Подписывайся на канал! 🌏 МЫ В СОЦСЕТЯХ VK: 🤍 Instagram: 🤍 Facebook: 🤍 Telegram: 🤍

Эффект прозрачного текста в Figma при создании экрана landing page. Выравнивание объектов по сетке

22930
33
00:05:23
29.08.2022

В этом видео я покажу как добиться эффекта прозрачного текста при создании экрана landing page в графическом редакторе Figma. А сделаю я это благодаря настройке свойств текстовых слоев. Сделаем выравнивание объектов дизайна при помощи сетки Figma для наведения визуального порядка. Для улучшения дизайна создания акцента, добавим дополнительные графические элементы. 💥 Доступ к бесплатному модулю моего КУРСА по работе в Figma💥 - 🤍 ✔️Формат курса - видеозаписи уроков. ✔️Доступ к курсу ограничения по времени не имеет. ✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем. ❗️По возникающим вопросам- всегда готов к диалогу😉 Присоединяйся к Telegram каналу с полезными плюшками: 🔷 Телеграмм канал - 🤍

Быстрый дизайн сайта (Landing Page) в Figma. Прием «Склейка фото» | Веб-дизайн, Урок №1

5493
149
15
00:19:27
30.03.2021

🤍 — cкачать комплект «Sirius» (24 раздела для быстрого создания дизайна лендингов в Figma) Ссылки на плагины и материалы урока — 🤍 🤍 — платный комплект «Дизайн генератор» для прототипирования и дизайна Landing Page в figma. В этом видео вы узнаете как сделать быстрый дизайн сайта (Landing Page) в Figma. Разбёремся с прием «Склейка фото», который поможет вам делать дизайн быстро. | Это урок №1 из серии курса по быстрому веб-дизайну.

ЛИНИИ В FIGMA. Как сделать пунктирные, волнистые, сплошные | Уроки фигма на русском

22364
417
7
00:04:50
27.02.2021

🤍 — получите подарок для Figma. 24 раздела Landing Page для создания дизайн макетов Landing Page + полезные плагины фигма и ресурсы с фото, иконками, иллюстрациями. 🤍 — «ДИЗАЙН ГЕНЕРАТОР» | платный комплект Figma для создания прототипов и дизайн макетов Landing Page в 2-5 раз быстрее уже сегодня . В этом видео уроке вы узнаете про инструмент линии в figma. Научитесь делать пунктирные, волнистые, сплошные линии. 🤍 — наш официальный сайт «Уроки на русском языке, плагины, шаблоны и макеты для дизайна и верстки для Figma» 🤍 — уроки Figma на русском, на нашем сайте. ПРИСОЕДИНЯЙТЕСЬ К НАШИМ СОЦИАЛЬНЫЕ СЕТЯМ: 🤍 — сообщество вконтакте 🤍 — twitter 🤍 — группа в facebook. 🤍 — плейлист со всеми уроками по Figma для начинающих с нуля 🤍 — автор видео вконтакте : Владимир Чернышов #фигма #figma #дизайн

Дизайн landing page в Figma

908
66
7
00:43:34
03.09.2022

Материалы из урока: 🤍 Подписывайся на мой Instagram: 🤍

Создаём красивый дизайн лендинга в Figma с нуля || Вайрфрейм: часть 2

3738
158
14
00:13:47
15.11.2021

Landing page в Фигма. Как создать макет сайта в Figma? Как создать дизайн лендинга в Фигма? С чего начать? Создаем вайрфрейм в Фигма. Структура лендинга 🔔 ПОДПИСАТЬСЯ на канал: 🤍 📝 ОПИСАНИЕ В прошлом уроке мы начали делать варфрейм. Нарисовали 4 блока: краткое описание, призыв к действию, польза и социальные доказательства. Сегодня мы дорисуем все остальные блоки варфрейма. #figma #landingpage #design #wireframe 00:00 Вступление 00:30 Как создать призыв к действию (CTA) 02:14 Блок "Особенности" (процесс реализации заказа) 04:00 Социальные доказательства в лендинге. Отзывы 05:26 Создание формы в лендинге 06:55 Наш блог 08:11 Контакты в лендинге 09:30 Призыв к действию (Call to action) 10:25 Создаем футер (подвал) 12:10 Второй способ создания wireframe (вайрфрейма) Ссылка на первую часть 🤍 🎨 О ПРОЕКТЕ Добро пожаловать на GloryANT. Если ты начинающий дизайнер и хочешь научиться рисовать в графических программах, то этот канал для тебя. Здесь ты увидишь, как рисовать логотипы, визитки, стикеры, баннеры, плакаты и многое другое. Подписывайся на канал! 🌏 МЫ В СОЦСЕТЯХ VK: 🤍 Instagram: 🤍 Facebook: 🤍 Telegram: 🤍

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

25380
994
77
00:54:48
14.12.2020

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

Convert Figma to Site in 60 seconds

173583
10543
75
00:01:01
02.02.2022

Install Makers Plugin here: 🤍 You can now publish your Figma designs without ever leaving Figma. I've been working on a plugin to help me convert Figma designs to website automatically for 5 months now. The result is Makers. Makers is a Figma plugin to turn your designs into a site with one click. Fully responsive. It's a site builder inside Figma. This means you can now design and publish your sites without ever leaving Figma. I started working on this plugin primarily because I was tired of converting Figma designs into code (HTML and CSS) and then publishing it. I wanted to do something that accelerated my process. So I built a site builder for Figma. Here’s how it works: - Install the plug-in - Open the plug-in - Select any pre-built component or start with a Template - Tweak around with the design. Make it your own! - Click the "Preview" button - After this, Makers will open a new browser tab, with your design fully responsive. To preview the site, you have to create an account with makers. Why? Simply because we need to associate your Figma design to our own site representation to keep track of all your changes. #Figma #FigmaPlugin #UXDesign #FigmaWebsite #ConvertFigmaToWebsite #UIDesign #FigmaToHTML #FigmaToCSS Makers site: 🤍 Twitter: 🤍

Дизайн лендинга в Figma | Landing page design in Figma

194
7
1
00:14:10
27.08.2021

Разработка концепта дизайн-макета лендинга для вымышленного магазина необычных декоративный растений в левитирующих горшках. Это первое мое подобное видео, так что не судите строго! Всем добра!

Быстрый дизайн сайта (Landing Page) в Figma с 3D фигурами | Веб-дизайн, урок №3

2136
83
6
00:10:20
06.04.2021

🤍 — скачать комплект «Sirius» (24 раздела для быстрого создания дизайна лендингов в Figma) Ссылки из урока — 🤍 🤍 — расширенный комплект «Дизайн генератор» для ускорения работы при создании дизайна Landing Page в figma в 2-5 раз. В этом видео вы узнаете как сделать быстрый дизайн сайта (Landing Page) в программе Figma с использованием 3D фигур. Это урок №3 из курса по быстрому веб-дизайну сайтов.

Копируем лендинг в Figma. Учимся веб дизайну на чужих работах.

46933
2719
103
00:13:50
10.02.2020

В этом видео я покажу, как повторять работы других дизайнеров в Figma. Мы будем копировать лендинг для того, чтобы понять, как подходят к работе над макетом опытные веб дизайнеры. Таймкоды: 0:20 — Где брать интересные работы 0:38 — Готовим необходимые плагины для браузера 1:34 — Выбираем сайт, который будем копировать в фигма 1:46 — Делаем скриншот 2:13 — Копируем изображения 3:31 — Конвертируем шрифты и изображения 4:45 — Работаем с направляющими в Figma 5:46 — Приводим сетку в порядок 7:27 — Рекомендации по началу работы в Figma 7:47 — Делаем первый экран лендинга 11:32 — Второй экран 12:51 — Копируйте только то, что интересно Ссылка на проект в Figma: 🤍 Все права на дизайн, тексты и изображения принадлежат Aesop. Работа сделана исключительно в образовательных целях. Где бесплатно учиться веб-дизайну: 🤍 Подробный разбор иллюстрации в Photoshop: 🤍

How to create phone mockup in figma

70563
3527
42
00:00:29
27.01.2023

you will learn how to use & create mockup in figma, ill show you how to put design in phone mockup in figma & best mockup plugin for figma. this iPhone mockup will use for presentation & portfolio. you can also use artboard studio mockup in figma for angle mockup. #mockup #iphone #figma #shorts #youtubeshorts

Дизайн Landing Page в Figma на основе макета с нуля. Часть 2 — мобильная версия.

4792
148
8
00:55:30
07.02.2021

Продолжение первой части, где мы делали дизайн сайта в Figma на основе макета. В этом видео мы сделаем его мобильную версию, используя компоненты, auto layout и variants. Покажем анимацию меню в прототипе и сделаем блок с ценами на основе горизонтального скролла. Итоговый файл в Figma: Макет — 🤍 Прототип — 🤍 Первая часть: 🤍

Создаём красивый дизайн лендинга в Figma с нуля || Текстовые стили

1959
105
9
00:04:43
30.08.2021

Landing page в Фигма. Как создать дизайн лендинга в Фигма? С чего начать? Создаем цветовые стили в Фигма. 🔔 ПОДПИСАТЬСЯ на канал: 🤍 📝 ОПИСАНИЕ В этом и следующих видео из этой серии, я покажу вам как создать современный и красивый дизайн лендинга. Рисовать мы будем для вымышленной компании по выпечке и продаже маффинов. Сегодня мы продолжим работу над дизайном лендинга и сосредоточимся на создании цветовых стилей. #figma #landingpage #design 00:00 Вступление 00:16 Подбор цветовой палитры 01:05 Создаем цветовые стили стили 🎨 О ПРОЕКТЕ Добро пожаловать на GloryANT. Если ты начинающий дизайнер и хочешь научиться рисовать в графических программах, то этот канал для тебя. Здесь ты увидишь, как рисовать логотипы, визитки, стикеры, баннеры, плакаты и многое другое. Подписывайся на канал! 🌏 МЫ В СОЦСЕТЯХ VK: 🤍 Instagram: 🤍 Facebook: 🤍 Telegram: 🤍

Создание дизайна лендинга с Figma

16155
507
17
02:03:10
20.10.2020

🔥Промокод на скидку 15% на все курсы ITVDN- H94BCAB UX/UI дизайн для начинающих - 🤍 UX/UI базовый курс - 🤍 Материалы вебинара - 🤍 Тема данного вебинара — создание дизайна лендинга с Figma. Landing Page (он же «лендинг») — это специальный тип сайтов, предназначенный для побуждения интернет-пользователя к совершению определенного действия, например: покупка чего-либо, заказ билетов (концерт, путешествие, кино), запись на встречу и многое другое. Лендинги очень популярны в наше время, а потому любой веб-дизайнер должен уметь создавать профессиональный, современный и адаптивный лендинг дизайн в краткие сроки. Именно от качественного дизайна Landing Page будет зависеть успех сайта. На вебинаре мы рассмотрим все этапы создания дизайна лендинга с использованием программы Figma, а также адаптацию дизайна под мобильные устройства. Если вы еще не знакомы с Figma, рекомендуем посмотреть запись вебинара «Веб-дизайн с Figma. Легкий старт», в котором Алла Штогрина дала основы работы с этим инструментом. Если фигма вам знаком, смело приступайте к просмотру вебинара создание дизайна лендинга с Figma! План вебинара: Создание фрейма Расчет сетки. E-, F-, Z- паттерны. Построение композиции и размещение элементов Помещение изображений в макет. Создание компонентов. Прототипирование. Адаптация под mobile. 00:00 Вступление. Немного об авторе 1:20 Курсы по UX/UI Design 2:04 План вебинара 4:56 Работа в Figma. Подбор размеров экрана 12:19 Первая страница сайта 32:56 Блок “О комплексе” 41:17 Блок “О досуге”. Рисование волны 59:50 Блок “О застройщике” 1:11:30 Блок “Контакты” + карта 1:22:22 Страница с планировками квартир 1:29:13 Компоненты, прототипирование, pop-up 1:34:47 Адаптация лендинга под мобильные устройства 1:51:48 Вопросы и ответы Если вас интересуют фигма уроки, уроки фигма, Figma уроки, уроки веб дизайна, изучение фигма с нуля, веб-дизайн, веб дизайн с нуля на Figma, обучение Figma, фигма обзор, обзор программы Figma — на ITVDN вы сможете найти множество полезных материалов для изучения Figma.

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

379512
10927
412
00:16:10
13.07.2019

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

Дизайн Landing Page в Figma Часть №5

3529
128
17
00:56:58
04.06.2020

✅ Бесплатный вводный курс по UX/UI дизайну - 🤍s/free/?utm_source=youtube&utm_medium=link-desc-module&utm_campaign=intensive&utm_content=wjzr7ih5ei8 👉🏻 Обучающий курс по UX/UI дизайну - 🤍s/?utm_source=youtube&utm_medium=link-desc-intensive&utm_campaign=intensive&utm_content=wjzr7ih5ei8 Меня зовут Денис, и на этом канале: — Мастер-классы по Figma — Обзоры реальных проектов — Теория по веб-дизайну Завершаем макет отрисовкой мобильной и планшетных версий. Итоговый шаблон - 🤍 Сетка bootstrap 4 - 🤍 Тайм-коды: 0:00 - Вступление. Начало адаптива 0:40 - 992px 24:57 - 768px 43:17 - 576px #вебдизайн #figma #webdesign #uxui ✅ Подписывайтесь на канал: / 🤍DenisTimoshitskiy Подписывайтесь на меня в соц. сетях: 📲 Telegram 🤍 - новости веб-дизайна и обзоры проектов 📸 VK 🤍 - полезные статьи и задания по веб-дизайну

Создаём видео карточку в Figma 🎬

1828
191
3
00:00:46
24.03.2023

Как сделать видео карточку в фигме за 30 секунд? 🟣 Создаем фрейм и скругляем углы 🖼 Добавляем gif-картинку внутри фрейма 📝 Создаем текст, добавляем элементы и оборачиваем в Auto Layout 👭 Копируем фреймы, cоздаем заголовок с помощью Auto Layout 🔎 Добавляем и скрываем иконку, и проверяем отступы 🔄 Копируем макет и возвращаем иконку 🐀 Уменьшаем текст в заголовке 🍷 Перемещаем фреймы и уменьшаем непрозрачность до нуля 🐘 Увеличиваем длину блока и gif-картинки

Figma product mockup

239290
18248
95
00:00:59
17.06.2022

#shorts #figma #mockup Master Figma with our new course, Figma for Web Designers: 🤍 🤑 FREE Brand Design Workshop - Enroll here 👉 🤍 🤑 Don't forget to subscribe to our channel for more Design Content. Click here 👉 🤍 🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 🤍 📱 Find us on SOCIAL MEDIA Flux Academy's Instagram 👉 🤍 Thanks for watching our video!

Что такое лендинг (LANDING PAGE) простыми словами.

13809
650
18
00:03:46
05.04.2020

Платные Видео-уроки Tilda: 🤍 ( Уровень сложности 1/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 4/10) 🤍 (Уровень сложности 10/10) Подписаться на новости: 🤍 П Поддержать канал монетой: (UA) 🤍 (Все страны) 🤍 _ Школа дизайна: 🤍 Мое портфолио: 🤍 Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Настало время, когда мне захотелось передать весь свой опыт в сфере дизайна. landing page лендинг конструктор сайтов тильда конструктор сайтов лендинг на тильде конверсия сайта landing page,конструктор сайтов,лендинг на тильде,веб дизайн,продающий сайт,как сделать лендинг,как создать лендинг,посадочная страница,структура продающего лендинга,Умапалата,Umapalata,Макс Куратов,лендинг пейдж,лендинг,как сделать сайт,лендинг своими руками,дизайн лендинга,landing pages,сайт визитка,что такое лендинг,создание лендинга,как создать сайт,сайт,создать сайт,как создать сайт с нуля,создать сайт с нуля,интернет маркетинг арбитраж трафика инфобизнес #landingpage #лендингпейдж

Делаем адаптивный дизайн реального проекта на фрилансе! Как сделать адаптив лендинга в Фигме?

38138
1949
621
01:44:12
27.08.2021

#alexeybychkov #ityoutubersru #webdesign В продолжение ролика из рубрики «Как я это нафрилансил» показал как делал адаптивный дизайн макета про телекоммуникации и системы безопасности. Без монтажа в скорости 1 к 1 с советами, лайфхаками, пояснениями и объяснениями! Как делал дизайн этого проекта — 🤍 Как для него сделал 404 страницу — 🤍 Наши чатики в дискорде — 🤍 Обучение — 🤍 Мои цитаты — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 0:00 - готовимся к адаптивам 1:36 - адаптив хедера 13:01 - первый экран 25:28 - адаптив текстового блока 29:58 - блок услуг 45:46 - блок преимуществ 54:03 - адаптив изображения 55:57 - блок «как оставить заявку» 1:10:07 - адаптив блока с формой 1:20:42 - блок с логотипами 1:25:12 - адаптив футера 1:36:30 - как сделать мобильное меню ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

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

15793
460
25
00:31:30
28.04.2022

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

Apple's Website Animation in Figma | Beginner Tutorial

47478
1490
69
00:04:57
22.11.2022

In this video, I'm going to show you how to recreate the animation you see on Apple's website in Figma. 👉 Become a UI Designer with my UI Design & Figma Mastery course: 🤍 👉 Get my FREE UI/UX Design e-book here: 🤍 📸 Instagram: 🤍 Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students become UI/UX designers from scratch worldwide.

Назад
Что ищут прямо сейчас на
lending page в фигма Sanjoy Das Vlogs Samsung incoming call Mering Samsung Samsung Galaxy Y Pro 성수 SOLARIS 星铁 SIMBA SC logic Valley SEONGHWA видеограф SARA SARA New Amharic Music Mp3 S63 민기 shaori S63 AMG S1mple MVP