Editor X — новый веб конструктор который сочетает в себе передовые функции для верстки и прототипирования.
editorx.com
ХВАТИТ ОБ ЭТОМ МОЛЧАТЬ - ВЕРСТКА КНИГ
Вдохновение дизайном мобильного приложения для вызова врача.
В Figma теперь можно верстать сайты?
Что думаем по этому поводу мы — рассказали в конце поста! Сегодня завершилась трехдневная Figma Config 2025, на которой компания зарелизила кучу обновлений.
⭐️Figma Sites. Да, no-code верстка сайтов прямо в Figma. Можно добавлять интерактивы через Figma Make + есть прямая интеграция с Dev Mode. В теории должен упростить путь от макета до готового сайта.
⭐️Figma Draw. Новый векторный движок для тех, кто работает с графикой. 22 новых фичи и режим Draw Mode для иллюстраций.
⭐️Figma Make. AI-инструмент для генерации интерактивов на основе текстового промпта.
⭐️Auto Layout Grid с поддержкой адаптивности и экспорт в код. Более гибкая работа с сетками в сложных интерфейсах.
Сможет ли Figma Sites заменить многие конструкторы? На этот вопрос мы попросили ответить ментора Лёшу ⤵️
«У Figma это будет просто «плюшка», которой никто не станет пользоваться — как FigJam или Slides.
Это скорее погоня за трендами, и Figma опоздала как минимум на 5 лет. Да, продукт появится, но вряд ли его кто-то выберет: на рынке уже есть десятки инструментов, которые в разы превосходят Figma в этой области. В целом моё мнение такое: если и будет какой-то охват, то совсем минимальный.
Figma действительно стала уникальной, предложив свежие технологии для разработки дизайна. Но когда речь зашла о создании сайтов, она и правда очень сильно опоздала»
А что думаете вы — согласны с Лёшей или считаете иначе? 🥹
Editor X — новый веб конструктор который сочетает в себе передовые функции для верстки и прототипирования.
editorx.com
💎 Дизайн Туса
Мини UX-патруль — Пятерочка. Кликабельная область 😔
Сначала про пример из видео.
Первый раз решил зайти в Пятерочку и заказать продукты там, обычно юзаю Яндекс.Лавку и Перекресток.
Начал с авторизации.
Находим по привычному паттерну иконку ЛК вверху — всё ок.
Затем жмем на нее — ничего не происходит.
Нам предлагается выпадашка из одного пункта «Войти».
Это уже какая-то фигня, ибо пользователю надо вместо клика на иконку навестись на неё, затем выбрать единственное действие и кликнуть.
Но и тут проблемы не заканчиваются.
Кликабельная область — тема поста.
На видосе видно, что кликабельна не вся плашка, а только тоненький контейнер текста «Войти». Я изначально тыкал просто по плашке и не понимал, почему ничего не происходит.
Потом понял, что нужно навестись именно на текст.
Это распространенная проблема, которая, к сожалению, встречается и у корпораций (потому что не всем ещё успели интерфейсы сделать, ыхых).
Делают порой большую плашку на странице, с картинкой, заголовком, описанием. А кликабельной является только заголовок или какая-то маленькая ссылка «подробнее».
Пользователи давно уже понимают че такое эффект наведения (hover) — достаточно подсветить всю плашку и переход станет очевидным. Ссылку можно выводить в мобилке, для тех кто в танке, но и там бОльшая часть юзеров уже понимает, что по плашкам можно тыкать пальцем для перехода. Например, когда показывают категории товаров в виде иконки + текста.
Поэтому на этапе верстке уделяйте внимание кликабельным областям. Это важная мелочь, которая может стоить вам конверсии.
Ты уже собрал сайт Eburet для своего портфолио? Сделаем за майские?
Даже если ты ни разу не открывал Webflow — начни с верстки этого сайта с анимациями. Именно они выделяют Webflow на фоне других конструкторов. Ты можешь сделать те самые wow-эффекты для сайта за пару кликов и без единой строчки кода.
Здесь тебе точно поможет наш бесплатник по Webflow-анимациям для самых новичков. Лови ссылку https://t.me/pxp_reg_bot?start=id451362494
Урок 1. Узнаешь все об устройстве панели Interactions: триггеры, target-based логика, временные отрезки и порядок анимаций.
Урок 2. С помощью параллакса и горизонтального движения добавишь сайту эффект глубины. Чтобы глядя на него сразу было понятно: «тут верстал профи»
Урок 3. Заставишь элементы появляться, смещаться и масштабироваться по мере того, как пользователь скроллит страницу.
Урок 4. Освоишь hover-эффекты и управление их плавностью, масштабом, прозрачностью и задержкой.
Урок 5. Заменишь системный курсор на свой — красивый, кастомный, с анимацией и реакцией на элементы.
Урок 6. Научишься делать так, чтобы скролл на сайте был плавным. А еще адаптировать анимации под разные экраны и не ловить панику при масштабировании.
Плюс, курс поможет тебе научиться держать баланс: чтобы анимации усиливали интерфейс, а не превращали его в увлекательный, но перегруженный аттракцион.
Дополнительно обязательно чекни наш разбор типичных ошибок новичков — мы делали его вместе с менторами.
😏 А уже 13 мая стартует наш 3-х дневный интенсив по верстке в Webflow. Пока держим интригу, но скоро раскроем все детали программы!
Книга «История журнального дизайна» — это не просто хронология обложек и верстки. Это must-read для графических дизайнеров, особенно тех, кто работает с печатной продукцией, айдентикой, типографикой и хочет глубже понимать визуальные коды.
📚 Чем книга интересна:
📍Это не про скучную теорию
Книга показывает, как дизайн жил в реальном времени — под влиянием политики, технологий, моды. Почему швейцарская сетка была революцией, а глянец 2000-х стал символом переизбытка.
📍 Тут много визуала
Обложки, развороты, детали — и как они менялись с течением десятилетий. Можно буквально «почувствовать эпоху» глазами дизайнера.
📍 Связь с современностью
Понимая, что, как и почему работало в разных эпохах, вы начнёте применять эти принципы в своих проектах — осознанно, не на автомате.
Если вы хотите не просто «делать красиво», а мыслить как дизайнер с видением и историей, эта книга станет опорой. Она не только расширяет кругозор, но и помогает находить визуальные решения быстрее, глубже, увереннее.
👩💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами:
Макеты сайтов Figma — актуальные макеты для верстки. Экономьте время с готовыми решениями.
Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций.
Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других.
Шрифты — лучшие шрифты для любых проектов. Скачивайте прямо с канала.
Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые.
Архив Pro Дизайнера — архив всех файлов.
Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества!
🗂 Добавить папку с каналами 🗂
👩💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами:
Макеты сайтов Figma — актуальные макеты для верстки. Экономьте время с готовыми решениями.
Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций.
Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других.
Шрифты — лучшие шрифты для любых проектов. Скачивайте прямо с канала.
Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые.
Архив Pro Дизайнера — архив всех файлов.
Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества!
🗂 Добавить папку с каналами 🗂
👩💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами:
Макеты сайтов Figma — актуальные макеты для верстки. Экономьте время с готовыми решениями.
Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций.
Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других.
Шрифты — лучшие шрифты для любых проектов. Скачивайте прямо с канала.
Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые.
Архив Pro Дизайнера — архив всех файлов.
Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества!
🗂 Добавить папку с каналами 🗂
👩💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами:
Макеты сайтов Figma — актуальные макеты для верстки. Экономьте время с готовыми решениями.
Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций.
Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других.
Шрифты — лучшие шрифты для любых проектов. Скачивайте прямо с канала.
Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые.
Архив Pro Дизайнера — архив всех файлов.
Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества!
🗂 Добавить папку с каналами 🗂
👩💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами:
Макеты сайтов Figma — актуальные макеты для верстки. Экономьте время с готовыми решениями.
Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций.
Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других.
Шрифты — лучшие шрифты для любых проектов. Скачивайте прямо с канала.
Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые.
Архив Pro Дизайнера — архив всех файлов.
Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества!
🗂 Добавить папку с каналами 🗂
Вдохновение дизайном мобильного приложения для поиска уличной еды.
👩💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами:
Макеты сайтов Figma — актуальные макеты для верстки. Экономьте время с готовыми решениями.
Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций.
Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других.
Шрифты — лучшие шрифты для любых проектов. Скачивайте прямо с канала.
Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые.
Архив Pro Дизайнера — архив всех файлов.
Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества!
🗂 Добавить папку с каналами 🗂
👩💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами:
Макеты сайтов Figma — актуальные макеты для верстки. Экономьте время с готовыми решениями.
Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций.
Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других.
Шрифты — лучшие шрифты для любых проектов. Скачивайте прямо с канала.
Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые.
Архив Pro Дизайнера — архив всех файлов.
Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества!
🗂 Добавить папку с каналами 🗂