Figma для верстальщика

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

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

4291
114
15
00:12:13
08.05.2021

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

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

7227
137
21
01:56:17
16.02.2022

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

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

213485
7121
340
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 🤍

Figma за 13 минут для верстальщиков и веб-дизайнеров

228835
9487
321
00:13:33
08.07.2019

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

Figma для верстальщиков.

675
17
0
00:05:08
11.05.2020

В этом урок я хочу вам рассказать как верстальщику работать в Figma, а также как лучше дизайнера коммуницировать с Figma и с разработчиком. Instagram: look_live_ui Behance: lbraun1234ace4

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

103069
3745
117
03:29:05
16.09.2020

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

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

283750
8750
757
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 - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©

Уроки Figma #8: Фигма для верстальщиков

31232
594
27
00:05:34
27.03.2018

Раньше, когда мы проектировали интерфейсы сайтов и мобильных приложений в Sketch у нас всегда возникала проблема с передачей файлов на верстку. Большинство наших разработчиков работало на винде и работать со скетч файлами небыло возможности. Что бы решить эту проблему мы использовали такие платные сервисы как zeplin и avocode. С фигмой же эти проблемы решились, так как весь этот функционал есть внутри программы. Автор: Игорь Колесень Школа дизайна - UX Mind School Мы в соцсетях: 🤍 🤍 🤍 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🤍 🤍

Как узнать все шрифты из макета Figma? Самый полезный плагин для верстальщика! Font Fascia!

2150
35
3
00:02:45
08.01.2022

Как узнать все шрифты из макета Figma? Все очень просто - нужно всего лишь установить один плагин. В этом видео все расскажу! Ссылочка на плагин - 🤍 Всем привет, друзья! Меня зовут Дмитрий и вы попали на мой канал на котором я буду показывать то, как можно изменить свою жизнь, как начать зарабатывать на фрилансе. Будем заниматься с вами версткой сайтов и всеми сопутствующими делами. Надеюсь у меня все получиться и я смогу поделится опытом с вами!

Figma c нуля ➤ Начало работы с Figma для веб-дизайнера. Обзор функций и инструментов.

3265
122
4
00:23:49
28.09.2021

🔥Промокод на скидку 15% на все курсы ITVDN - 4YOUTUBE Полный видеокурс - 🤍 На этом уроке Вас ожидает обзор функций и инструментов Figma. Также, Вы узнаете, что такое: • Панель инструментов в Figma • Работа с фигурами, тестом, изображениями в Figma • Создание стилей в Figma • Виды комбинирования в Figma • Компоненты-супергерои в Figma • Плагины-суперпомощники в Figma • Community-Figma Figma – что это? Фигма — один из лучших дизайнерских инструментов для создания интерактивных прототипов приложений или веб-сайтов. Её возможности позволяют удобно работать с проектом как одному дизайнеру, так и целой команде. Но каким должно быть грамотное начало работы с Figma для веб-дизайнера? Курс «Figma. Дизайн интернет-магазина» научит вас использовать этот удобный инструмент, проведя на практике через все этапы создания готового прототипа интернет-магазина, определяя его архитектуру, элементы дизайна и логику работы с пользователем. Значительная часть курса затрагивает рассмотрение особенностей дизайна сайтов, нюансы прототипирования и адаптации его под различные устройства, что Курс рассчитан на новичков, которые желают разобраться в веб дизайне с нуля, попутно освоив Figma с нуля, и при этом закрепив теоретические знания на практике. Платформа ITVDN располагает достаточным количеством материалов для качественного веб дизайн обучения с нуля. Чему вы научитесь на этом курсе: Создавать в программе Figma готовый дизайн и кликабельный прототип сайта, который можно показать заказчику. Понимать особенности структуры различных сайтов и архитектуру интернет-магазина. Осуществлять выбор цветовой гаммы для сайта и его элементов, понимать особенности главной страницы, композиции элементов, уметь расставлять акценты в дизайне. Реализовывать дизайн карточки товара, списка характеристик, страницы регистрации, личного кабинета и корзины - как решающей страницы. Реализовывать анимацию с помощью плагина Figmotion. Понимать особенности и уметь осуществлять адаптацию дизайна сайта под различные устройства. Больше веб-дизайн уроков вы сможете найти на нашем сайте.

Figma. Плагины для продуктового дизайнера. Ультимативный список.

10990
683
107
00:19:46
26.05.2021

#figma #product design В этом видео выберем лучшие плагины Figma для продуктового дизайнера. 🎞 ОГЛАВЛЕНИЕ 02:11 Master 🤍 03:53 Design-System-Organizer 🤍 05:36 Style-Organizer 🤍 06:35 Similayer 🤍 07:17 Instance-Finder 🤍 07:51 Select-Layers 🤍 08:42 Sorter 🤍 09:33 Quantizer 🤍 10:15 Swap 🤍 10:42 Layer-Counter 🤍 11:09 Retextifier 🤍 12:14 Copy-and-Paste-Text 🤍 12:41 Find-&-Replace 🤍 13:08 Nisa-Text-Splitter 🤍 13:57 Change-Text-to-Layer-Name 🤍 14:30 Data-Roulette 🤍 16:00 Content-Reel 🤍 16:49 Copypasta 🤍 17:23 Safely-Delete-Components 🤍 18:13 SBOL-Typograph 🤍 19:13 Пилюлька ВАЖНОЕ: Моя фигма-страница 🤍 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 с нуля - Знакомство с программой | Веб дизайн. Урок 1

197766
6279
146
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 для новичков

7844
154
25
00:08:50
03.12.2020

0:00 - Простой экспорт в PNG в масштабе 1 к 1 0:30 - Экспорт изображения в большом размере 1:25 - Настройка ширины и высоты экспортируемого объекта 2:22 - Экспорт PNG с прозрачным фоном 3:06 - Как экспортировать несколько объектов сразу 3:45 - Что делать, если при экспорте пропадают объекты 4:43 - Экспорт многостраничного PDF в Figma 5:30 - Экспорт множества вложенных объектов с разными настройками 6:16 - Автоматическое создание папок при экспорте 7:08 - Сохранить локальную копию файла Figma в формате .fig 8:06 - Экспорт анимации — только через запись экрана

Быстрый экспорт макета из Figma/XD/Sketch в HTML верстку

21118
555
22
00:09:23
14.02.2021

Быстрый экспорт макета из Figma/XD/Sketch в HTML верстку Ссылка на Плагин: 🤍 🤍 Мой макет: 🤍 Команда терминала: MAC: rm -rf "$HOME/Library/Application Support/Figma/"{Desktop,DesktopProfile} WIN: 1) Open the Start menu and paste the %APPDATA%\\Figma command. Press the Enter key to submit. 2) In the window, delete the DesktopProfile folder. Браузеры, подробнее: 🤍 Документация: 🤍 🤍 Теги: #figma, #html, #дизайн, #вебдизайн Таймкоды: 0:00 Вступление 0:55 Подробнее о работе плагина 4:15 Процесс экспорта 6:00 Копируем код в HTML документ

Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 1

15445
1761
547
00:12:38
10.12.2021

#alexeybychkov #ityoutubersru #webdesign Верстальщики не могут испортить настроение дизайнерам, а вот дизайнеры..)) Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 1 Наши чатики в дискорде — 🤍 Обучение — 🤍 Мои цитаты — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

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

8694
571
22
00:28:24
02.12.2020

Хочешь больше полезностей о дизайне? Вступай в чат Гильдии дизайнеров: 🤍 Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Приходи ко мне на курсы: 🤍 Дополнительные видео по теме: 🤍 (про отзывчивый дизайн) 🤍 (про адаптивный дизайн) 🤍 (про плотность пикселей) 🤍 (про дизайн-систему на HTML/CSS)

👍🔥 Топ 15 (или 10) плагинов Фигмы для веб-дизайнера. Адаптивный дизайн и лучшие плагины Figma!

72831
4561
646
00:30:06
10.04.2020

#alexeybychkov #ityoutubersru #figma Случилось невероятное! В Фигме уже 500+ плагинов! Самое время выбрать лучшие! топовые! классные плагины для веб-дизайнера! На реальных примерах протестируем плагины и сделаем адаптивный дизайн некоторых блоков. 00:00 - figma.help 2:40 - десятый 4:15 - девятый 5:38 - восьмой 6:42 - седьмой 7:39 - шестой 9:00 - пятый 10:26 - четвертый 11:50 - топ3 13:15 - топ2 17:20 - топ1 26:55 - еще 5 плагинов Плагины Фигмы на русском — 🤍 💰❤️ Поддержать канал: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 15 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Верстка сайта - инструменты разработчика

36600
2051
97
00:06:36
25.10.2019

В этом видео мы обсудим верстку сайта. Я расскажу и покажу какие инструменты вам помогут в быстрой и эффективной верстке сайта. Многие начинающие спрашивают с чего начать, что нужно знать для того что б верстать сайты и в этом видео я дам ответы на все эти вопросы. Я расскажу про photoshop, webpack, sass, bootstrap, gulp и многие другие инструменты, которые пригодятся в работе верстальщика или front end разработчика. Верстка сайта - это тот фронт работ, который обязан знать каждый, не важно front end или back end на начальном этапе вы должны научиться верстать сайты.

10 лучших плагинов для Фигмы (Figma)

24721
1463
72
00:14:57
04.03.2021

Собрали 10 лучших плагинов для ускорения работы в Фигме 💥 Вырезать в один клик фон у изображения? Легко! Проверить текст в макете Figma на ошибки? Изи. Растрировать фигуру? Не вопрос! И это мы перечислили возможности только ТРЕХ плагинов, а их в нашем видео ДЕСЯТЬ ⚠ ►►► Таймкоды: 0:36 - Плагин Better Font Picker 1:30 - Плагин Spellchecker 2:37 - Плагин Image Palette 4:05 - Плагин Image Tracer 6:09 - Плагин To Path 7:44 - Плагин Content Reel 9:36 - Плагин Isometric 10:31 - Плагин Similayer 11:38 - Плагин Unsplash 12:54 - Плагин Remove.bg ►►► Музыка: Montell Fish - Imagination 🤍 Cloudchord, G Mills - Sunlit 🤍 Fujitsu, Ajmw - Fields 🤍 Eli Way - Green Tea 🤍 ►►► Заказать дизайн в Текстерре: 🤍 Делаем всё: от оформления соцсетей и презентаций до создания фирменного стиля и логотипов.

Бесплатные сервисы для работы с макетами Photoshop (PSD). Zeplin и Marsy - достойная замена Avocode

85389
4744
484
00:17:06
11.02.2021

Сегодня познакомимся с двумя бесплатными сервисами для работы с макетами PSD которые могут стать заменой авокоду. Как мы с вами знаем, HTML-верстка выполняется на основе макетов дизайна, которые в свою очередь создаются дизайнерами в специальных редакторах. Таких как фотошоп, скетч, адобе ХД, фигма иллюстратор и прочие. Проблема в том, что нам, мастерам по верстке, работать в этих редакторах не всегда удобно, да и они скорее всего они будут стоить денег. Поэтому, существует ряд сервисов для более комфортной и быстрой работы с макетами на этапе верстки. В случаи с фигмой все просто – она и редактор и сервис да еще и бесплатна, так что заслуживает отдельного выпуска. Но проблема в том что фигма работает только со своим форматом созданным прямо в ней, это файлы .FIG. Остальным популярным форматам, таким как Photoshop PSD фигма показывает фигу. Что же делать если нам нужно верстать из PSD файлов? Но делать это в фотошопе это как спать на потолке да еще и платить за это… Да, существует суперпупер Авакод! Он мега крут и поддерживает все необходимые форматы, даже фигму. Отдельный выпуск об этом сервисе есть по ссылке в описании. Но, он тоже платный и не из дешевых так что подойдет уже работающим специалистам. А на этапе обучения и становления хотелось бы что-то бесплатное. 🔴Канал "IT-ПРИСТРАСТІ": 🤍 🔴Канал Ореста Зуба (УКР): 🤍 👉Сервис Zeplin: 🤍 👉Сервис Marsy: 🤍 👉Сервис PSDetch: 🤍 👉Сервис Sympli: 🤍 👉Сервис MockPlus: 🤍 👉Обзор Avocode: 🤍 00:00 - В выпуске 00:11 - РЕКЛАМА 00:49 - Сервисы для работы с макетами 02:16 - Zeplin 09:57 - Marsy 15:26 - Сравнение сервисов 16:28 - Заключение 🔴 Карта канала: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©

Просто добавь воды. Как быстро сделать портфолио. Редизайн сайта в Figma.

18141
803
29
00:22:43
16.01.2020

В этом видео я покажу, как можно быстро сформировать своё портфолио, если умеете немного дизайнить. Для этого нам потребуется старый дряхлый сайт, редактор figma и немного фантазии. Запишитесь на базовый курс по веб-дизайну "Пилот": 🤍 Подпишитесь на канал, если вам нравятся эти видео: 🤍 Больше контента в нашей группе Вконтакте 🤍 Или в нашем Telegram-канале 🤍 Присоединяйтесь к нашему сообществу Discord 🤍 Telegram-канал "Лысый из браузера": 🤍 Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: 🤍 Заказать рекламу на канале: 🤍 или 🤍 - Я использую хостинг Link Host с 2014 года 🤍

Обзор Zeplin за 5 минут для верстальщиков и веб-дизайнеров

5985
97
17
00:05:38
08.06.2020

В этом обзоре я вам расскажу о Zeplin. Zeplin - это универсальный инструмент, как для дизайнеров так и для верстальщиков. Мои плей-листы: QA: 🤍 Materialize: 🤍 Bootstrap 4: 🤍 Photoshop :🤍 Adobe XD: 🤍 InVision Studio:🤍 Figma: 🤍 Плюшки: 🤍 Я в Instagram: 🤍

Avocode для верстальщика // Как пользоваться Avocode 30 дней бесплатно // Фрилансер по жизни

141064
6659
700
00:11:42
12.06.2019

Avocode для верстальщика это универсальная программа которая поддерживает различные форматы без всяких плагинов. А это, на секундочку, Photoshop (PSD), Sketch, Adobe XD и Illustrator. А так же частичная интеграция с Figma. Расскажу как зарегистрировать Avocode на 30 дней и о его основных преимуществах. Используй Avocode для верстки, это удобно! ☝️ Бесплатные альтернативы Avocode: 🤍 🔴 Карта канала: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 - Instagram: 🤍 Facebook: 🤍 Telegram канал: 🤍 или 🤍 - Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 - «Фрилансер по жизни». Живи, а работай в свободное время! © #фрилансерпожизни #обучение #avocode

Адаптивна верстка сайту з нуля для початківців. Пояснення дій + макет та результат. HTML CSS FIGMA

49323
3241
354
04:58:32
10.05.2022

Адаптивна верстка сайту з нуля. Пояснення дій для початківців. HTML CSS FIGMA 👉 Макет (відкритий доступ): 🤍 👉 Результат верстки (відкритий доступ): 🤍 Верстати буду з самого нуля, тільки HTML CSS, також підключимо слайдер. 🟢 Курс по верстці: 🤍 🟢 Інші майстер-класи: 🤍 ❤️ Отримати доступ к екстра-контенту + підтримати канал: 🤍 ❤️ Спонсорувати канал: 🤍 ❤️ Замовити футболку: 🤍 Корисні посилання: 👉 Безкоштовний курс по верстці: 🤍 👉 VS Code: 🤍 👉 Как правильно навчатись: 🤍 👉 План розвитку фронтенд розробника (+МАПА): 🤍 🔴 Мапа каналу: 🤍 🔴 Instagram: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстці: 🤍 (🤍 🔴 Facebook: 🤍 👋 Мене звати Женя Андріканич, я IT - спеціалист, займаюсь розробкою сайтів. Посилання на канал: 🤍 🤟 Живи, а працюй у вільний час! ©

Делаем дизайн, удобный для верстки. Figma практика.

19768
808
25
01:35:22
10.03.2021

Практический мастер-класс о том, как сделать современный дизайн и облегчить работы разработчику. Урок веб дизайна с нуля! 🚀 Бесплатный курс по веб-дизайну с проверкой ДЗ: 🤍 Другие мастер-классы по теме: 🔥 Дизайн 3-х сайтов за 1 вечер в Figma (Фигма) с нуля: 🤍 Основы веб-дизайна 2021. Figma. Полный урок.: 🤍 Основы HTML и CSS + верстка лендинга в 2021: 🤍 Подписывайтесь на мой канал: 🤍

Идеальная верстка для верстальщика и дизайнера | ДВВВ #12

1898
62
15
00:25:08
09.10.2016

В данном видеоуроке я расскажу как работать с дизайном и как верстальщикам верстать по макетам дизайнера. Группа в VK: 🤍 Работы на рецензию присылать на почту: drimtv🤍gmail.com Сделать заявку на обучение: 🤍 Сайт автора: 🤍

Веб-дизайн с Figma. Самое главное за 60 минут.

7561
269
11
02:02:04
09.09.2020

Промокод на скидку 15% на все курсы ITVDN- H94BCAB UX/UI дизайн для начинающих - 🤍 UX/UI базовый курс - 🤍 Материалы вебинара - 🤍 Figma — это кросс-платформенный онлайн-сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени. Figma подходит как для создания простых прототипов и дизайн-систем, так и сложных проектов (мобильные приложения, порталы). В последние годы Figma стала одним из любимых инструментов в работе дизайнеров интерфейсов и веб-разработчиков. Участников вебинара ждет знакомство с программой Figma, ее функционалом и возможностями. Алла Штогрина покажет основные фишки этой программы и подскажет, как начать работу с ней. План вебинара: - Панель инструментов. - Работа с фреймами. - Создание структуры сайта, сетки и колонки. - Рисование в Figma, работа с изображениями. - Создание компонентов. - Прототипирование. - Основные плагины. - Адаптация макетов под различные устройства. 00:00 Вступление. Знакомство с автором 1:31 Курсы по UX/UI дизайну 3:07 План вебинара 5:06 Панель инструментов (слои, инструменты) 11:17 Координаты, сетка. Работа с фреймами 16:00 Стили 24:07 Рисование в Figma. Работа с изображениями 38:21 Создание компонентов 49:30 Прототипирование 1:04:29 Плагины 1:22:56 Адаптация под планшет 1:27:10 Адаптация под мобильные ус-ва 1:31:43 Объяснения по адаптации 1:37:50 Вопросы и ответы #figma #фигма

Большое Руководство по Верстке из Figma

11425
728
59
07:21:12
07.02.2021

Рекомендую хостинг - 🤍 Видеокурсы от автора: 🤍 Курс по разработке WordPress Тем: 🤍 Курс по разработке WordPress Плагина: 🤍 Курс из PSD на WordPress для ThemeForest (Envato): 🤍 Курс по разработке на билдерах для WordPress: 🤍 Курс по разработке для фриланса на WordPress & WooCommerce: 🤍 Рекомендую хостинг - 🤍 Подпишись на инстаграм - 🤍 Лучший способ сказать спасибо, это использовать мой шаблон - 🤍 В данном видео изучаем верстку макета созданного в программе FIGMA. Ниже вы можете скачать макет исходник, импортировать его в фигму и выполнять за мной самостоятельно. #figma #верстка #html Макет проекта для FIGMA - 🤍

#1 Верстка сайта из Figma для начинающих | Марафон по верстке с GULP, SASS, БЭМ и Pixel Perfect

3313
142
46
00:39:36
20.01.2022

Подписывайся на альтернативные каналы: — 🤍 — 🤍 🔥 Бонусом ты получишь готовую сборку Gulp и более 20 макетов Figma, которые пополняются каждую неделю. Профессиональная верстка сайта со всеми современными подходами только у нас. В этом видео мы верстаем первый блок нашего макета из Figma с применением Gulp, Sass, БЭМ и Pixel Perfect. Без воды и лишний разговоров, только практика, только хардкор. 0:00 - Анализ макета Figma 1:58 - Разметка шапки 5:57 - Размечаем промо-блок 12:49 - Стилизация шапки на Sass 14:57 - Главная навигация 18:41 - Оформление кнопок 20:57 - Блок смены языка 24:43 - Оформляем промо-блок 27:42 - Рейтинг 30:50 - Стилизуем список клиентов 33:14 - Блок контактов 35:49 - Фоновые изображения 37:27 - Pixel Perfect Если тебе интересна данная тематика, подпишись на канал и мои социальные сети: — vk.com/codequest — t.me/codequest До скорых встреч!

Адаптивная верстка сайта с нуля по макету из Figma #1 Подготовка проекта

9096
459
72
00:31:17
15.02.2022

Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS. В этом уроке мы рассмотрим макет сайта, который будем верстать из Figma. Ознакомимся с базовыми элементами фигмы. Скачаем редактор кода Visual Studio Code и я покажу какие плагины нам понадобятся для работы. Экспортируем макет сайта из Figma для дальнейшей версте Pixel Perfect и создадим проект на компьютере и подготовим базовую структуру файлов и каталогов для комфортной работы над сайтом. ⚡️ Скачать готовый код вёрстки сайта из курса "Верстка сайта с нуля по макету из Figma": 🤍 Курс "Верстка сайта с нуля по макету из Figma": 🤍 Макет сайта Figma: 🤍 Поддержать автора ₽ублем: 1. Сбер: 4274 3200 3233 1582 2. YooMoney: 🤍 3. PayPal: 🤍 Телеграм: 🤍 #html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor

Подготовка дизайна для верстальщика

16052
848
32
00:05:55
21.09.2017

💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍

Верстка сайта с нуля для начинающих из Figma | HTML, CSS (1 день)

1256
21
1
01:20:18
02.10.2020

#верстка #figma #html #css Друзья. Это запись онлайн-трансляции нашего марафона по Web-разработке для начинающих. В этом уроке Александр затрагивает основы верстки сайтов. Обязательным к просмотру будет наш предыдущий урок 👉Записаться на курс 🤍 👉Ссылка на ролик - 🤍 Навигация по видео: 00:00 Вступление 01:39 Создание проекта 02:06 Знакомство с Visual Studio Code 02:45 Создание структуры html (для того, чтобы у вас вышло так же, необходимо установить плагин Emmet) 03:31 Обзор сайта для марафона 05:03 Знакомство с тегами html 06:42 Обязательные теги html 07:35 Создание файлов style.css/script.js 08:24 Подключение css и js файлов к странице 10:15 Строчные теги html 14:54 Блочные теги html 37:24 Работа с CSS 52:01 Экспорт изображений из Figma 57:03 Flex Direction

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

1288771
59191
1966
00:45:54
04.06.2020

5 ключевых составляющих для начинающих веб-дизайнеров, которые формируют стильный дизайн сайтов. Практика в Figma и создание нашего первого макета. Всем этим мы и займемся в этом уроке, дружище! 👇 💻 Мой бесплатный курс по основам веб-дизайна с проверкой ДЗ: 🤍 🖌️ Макет в Фигме: 🤍 0:00 Что сегодня будет 0:21 Андрей читает рэп 😲 2:13 Знакомство и обзор Figma 17:15 Правило «шампура» 18:44 Типографика 20:05 Главная ошибка начинающих 21:42 Сочетаемость цветов 24:25 Где скачивать векторные иконки 31:04 Магия с собачкой 35:01 Вертикальный ритм и карточки 38:02 Плюем на модульную сетку 41:08 Работа с графикой и фото 45:40 Самая страшная ошибка Участвуй в конкурсе в конце выпуска 👍 🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс. 😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог: 🤍 🎁 Используй промо-код NIGHTSCHOOL при оплате любого моего коучинга на WAYUP и получи скидку -30%: 🤍 Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!

Обзор редакторов для верстальщика. Avocode, Marsy, Psdetch и другие...

5579
137
48
00:19:15
08.04.2020

Привет! Сегодня расскажу обо всех известных мне редакторах для верстальщика. Какой лучше, какой хуже, чем отличаются, сколько стоят и так далее. Если какой-то конкретнее заинтересовал - пишите, разберу его более детально!) 🤍 - Marsy 🤍 - Psdetch 🤍 - Avocode 🤍 - Figma 🤍 - Zeplin Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? 🤍 Моя страница вконтакте: 🤍 Моя группа по верстке сайтов: 🤍 Мой блог: 🤍 Мой сайт: 🤍

Адаптивный дизайн сайта. Figma. Размеры, принципы, пример.

9982
580
83
00:58:09
10.04.2021

Адаптивный дизайн сайта в Figma. Сегодня займемся адаптивчиком. Разберемся с размерами адаптивных версий сайта, основными принципами как его правильно делать, как переносить блоки и конечно же рассмотрим это все на примере лендинга для барбершопа. 0:00 Приветствие 0:32 Для чего нужен адаптивный дизайн 2:00 Размеры макетов адаптива 9:44 Основные принципы адаптивного дизайна. Как делать? 16:11 Рассматриваем весь адаптив на примере сайта барбершопа Благодарю за внимание. Подписывайтесь на канал и пишите в комментариях, на какие темы Вам еще интересны видео от меня) Всем прекрасного дня!

КАК ТЕСТИРУЮТ ДИЗАЙН QA ? Figma для QA / Тестировщик 2.0

1231
42
13
00:15:03
26.10.2021

#Дизайн #figma #Тестируемдизайн #тестируемсайт Всем Привет, новый выпуск! Все мы видим красивые сайты каждый день, но не знаем как их рисуют и что не мало важно, где их рисуют?) Тестировщик должен знать, где и как посмотреть дизайн сайта и самое главное, как его проверить! Сегодня мы поговорим о том, как тестируют дизайн! Всем приятного просмотра) Фигма - 🤍 00:00 - Интро ( Вступление, что и как мы собрались тестировать) 02:32 - Что такое Мокап ? 03:00 - Открываем фигму в гугле 05:00 - Смотрим тестовые дизайны шаблонов 05:25 - Пример мокапов на Ютубе 06:00 - Первая тестовая папка фигмы 08:00 - Смотрим настройки мокапов 11:35 - Как получить сылку на фигму от дизайнера ( Сформировать собственную) я в соцсетях Instagram - 🤍 linkedin - 🤍 Поддержать Автора - 5375 4141 2355 1607 ( Farysei Vladyslav)

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

522382
17716
787
01:06:37
10.06.2020

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

Сайт-портфолио для верстальщика и фронтенд разработчика. Каким оно должно быть?

44979
1997
87
00:12:34
24.02.2019

🔥 Марафон «Основы веб-разработки» Участие бесплатное, но необходимо зарегистрироваться: 🤍 В этом видео мы ответим на следующие вопросы: — Каким должно быть содержание сайта? — Какие блоки необходимы? — В каком цвете сделать сайт? Ссылки из видео: Книга «Пиши, сокращай. Как создавать сильный текст» — 🤍 Сайт Adham Danna — 🤍 Pinterest — 🤍 Dribbble — 🤍 Подбор цвета — 🤍 и 🤍 Сайты с Theme Forest: 🤍 🤍 🤍 🤍 ✅ Instagram — 🤍 ✅ TikTok — 🤍 ✅ Сайт — 🤍 ✅ ВК — 🤍 ✅ Telegram — 🤍 ✅ Чат Telegram — 🤍 ✅ Поддержать канал — 🤍 Обучение Frontend-разработке — 🤍 Frontend Book PDF — 🤍 Задать вопрос про фронтенд или верстку — 🤍

Мой первый сайт. Создаём дизайн в Figma, адаптивная вёрстка, выкладываем на хостинг!

40415
1400
57
02:05:20
18.09.2019

На одной встрече мы разберем конкретные пути развития в профессии верстальщика и разработчика сайтов, а также их перспективы. Создать дизайн сайта, адаптивная вёрстка на html css и разместить сайт на хостинг за один вечер? Легко! Присоединяйся к просмотру, будет интересно! Другие мастер-классы по теме: 🔥 Основы JavaScript за 2 часа: 🤍 Создаем свою игру крестики-нолики на JavaScript: 🤍 Быстрая верстка сложного сайта из Figma: 🤍 Подписывайтесь на мой канал: 🤍

Назад
Что ищут прямо сейчас на
figma для верстальщика sinologia миногарова фокусы и их секреты videoblogg new car review nożyce ogrodnicze сервер Eqwaak тренды в диджитал galaxy m62 vs m51 вечерний м ургант LOPEZ DORIGA 兒歌童謠 アルセウス ильдар ACE novo Körper Станок на заказ