Figma и ИИ: теперь уже без отговорок

Только собрался написать статью о том, что каждый дизайнер обязан уметь превращать свои экраны в кликабельные прототипы — с помощью Bolt, Lovable и других инструментов (не беру Cursor, он уже посложнее), — как Figma выкатывает апдейт. И не просто апдейт, а буквально встраивает под капот тот же Bolt, на базе Claude Sonnet 3.7. Без лишнего шума Figma делает то, что должно было случиться: превращает среду проектирования в среду исполнения. Теперь ты не просто рисуешь экраны — ты можешь сразу собирать из них работающие штуки. Это ожидаемо, логично и, я бы сказал, органично. Всё, о чём я говорил в своих видео, теперь выходит на другой уровень. Раньше это были эксперименты в сторонних инструментах — теперь это становится частью самого процесса. Не где-то рядом, а прямо внутри того, где дизайнер работает каждый день. Поэтому теперь всё просто: нет смысла спорить, надо ли дизайнеру уметь работать с ИИ. Надо. Уже сейчас. Иначе будешь не в процессе, а догоняющим. (На фотографии я с сыном — без всяких ИИ, просто момент. Для нас это уже наступившее будущее, для него — будет обыденной реальностью. И в этом, наверное, самый интересный контраст.)

Сначала про пример из видео. Первый раз решил зайти в Пятерочку и заказать продукты там, обычно юзаю Яндекс.Лавку и Перекресток. Начал с авторизации. Находим по привычному паттерну иконку ЛК вверху — всё ок. Затем жмем на нее — ничего не происходит. Нам предлагается выпадашка из одного пункта «Войти». Это уже какая-то фигня, ибо пользователю надо вместо клика на иконку навестись на неё, затем выбрать единственное действие и кликнуть. Но и тут проблемы не заканчиваются. Кликабельная область — тема поста. На видосе видно, что кликабельна не вся плашка, а только тоненький контейнер текста «Войти». Я изначально тыкал просто по плашке и не понимал, почему ничего не происходит. Потом понял, что нужно навестись именно на текст. Это распространенная проблема, которая, к сожалению, встречается и у корпораций (потому что не всем ещё успели интерфейсы сделать, ыхых). Делают порой большую плашку на странице, с картинкой, заголовком, описанием. А кликабельной является только заголовок или какая-то маленькая ссылка «подробнее». Пользователи давно уже понимают че такое эффект наведения (hover) — достаточно подсветить всю плашку и переход станет очевидным. Ссылку можно выводить в мобилке, для тех кто в танке, но и там бОльшая часть юзеров уже понимает, что по плашкам можно тыкать пальцем для перехода. Например, когда показывают категории товаров в виде иконки + текста. Поэтому на этапе верстке уделяйте внимание кликабельным областям. Это важная мелочь, которая может стоить вам конверсии.

1. Анализирую конкурентов и целевую аудиторию, чтобы ваша карточка могла выделяться среди других 2. Подбор референсов, это нужно чтобы мы лучше друг друга понимали, и по итогу дизайн вам понравился 3. И сам дизайн, над которым я тщательно работаю, чтобы сделать карточку более кликабельной Обычно заказ выполняю за 1-2 дня, если нужно срочно то за 2-3 часа справлюсь По цене от 350-800р главная страница (все зависит от сложности) и все другие слайды по 350р Подробнее с моими работами можете ознакомиться тут https://t.me/portfoliodashbl А если хотите сразу мне написать, то обращайтесь сюда @Dddaasshhhaa

💡 Вас ждёт 4 онлайн-занятия👇 • 19 мая в 18:00 (МСК) — Как написать сценарий юзабилити-тестирования • 21 мая в 18:00 (МСК) — Как проводить удаленные юзабилити-тестирования • 26 мая в 18:00 (МСК) — Глубинные интервью • 28 мая в 16:00 (МСК) — Как сделать кликабельный прототип Figma для тестирования сценария работы продукта ⚡️ Все занятия мая со скидкой здесь. 💬Поделитесь в комментариях, какие ещё темы занятий вам интересны.

1. Анализирую конкурентов и целевую аудиторию, чтобы ваша карточка могла выделяться среди других 2. Подбор референсов, это нужно чтобы мы лучше друг друга понимали, и по итогу дизайн вам понравился 3. И сам дизайн, над которым я тщательно работаю, чтобы сделать карточку более кликабельной Обычно заказ выполняю за 1-2 дня, если нужно срочно то за 2-3 часа справлюсь По цене от 350-800р главная страница (все зависит от сложности) и все другие слайды по 350р Подробнее с моими работами можете ознакомиться тут https://t.me/portfoliodashbl А если хотите сразу мне написать, то обращайтесь сюда @Dddaasshhhaa

🤍 - прайс лист 🖤 - сделать заказ (кликабельно) ⭐️Исходник в комментариях!

Опыт обязателен. Важно чувствовать тренды YouTube и уметь работать со шрифтами, лицами, акцентами Откликнуться 👉 @irina_krasnikova

1. Введение [YouTube] 2. Основные инструменты [YouTube] 3. Repeat Grid и сетки [YouTube] 4. Цвета, стили текста и символы [YouTube] 5. Кликабельные прототипы [YouTube] #video #AdobeXD

Показала свой ТОП-15: как работают, зачем нужны. А еще упаковала все свои любимые плагины (40+) в один файл. Там ссылки кликабельные, сразу можно перейти к нужному плагину Так что сохраняйте себе и пользуйтесь 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков

🎨 Мои работы отличаются ярким дизайном, четкой структурой и уникальным стилем. Работая над проектами, я стремлюсь не только к красоте, но и к функциональности. Моё портфолио - настоящий кладезь кейсов, которые демонстрируют мой профессионализм. Вы можете ознакомиться с моими работами в шапке профиля @OlgaKretova. 🚀 Если вам нужен талантливый дизайнер, способный воплотить ваши идеи в жизнь и привлечь внимание к вашему продукту - обращайтесь! Я всегда открыта для новых проектов и готова внести свой вклад в ваш успех. Давайте создадим вместе что-то по-настоящему удивительное! 🌺

🤍 - прайс лист 🖤 - сделать заказ (кликабельно)

В 2021 году продавцы только начинали осознавать ее потенциал, сосредоточившись на том, чтобы сделать карточки товаров более привлекательными, не задумываясь о показателях кликабельности и конверсии. Сегодня инфографика рассматривается как мощный инструмент, который не только привлекает внимание, но и помогает подчеркнуть преимущества товара, делая информацию более доступной и понятной С каждым годом важность качественных карточек товаров растет, и к 2025 году они станут основой успешного продвижения. Практически каждый новый продавец понимает, что для старта на ВБ важен продуманный дизайн карточек Нужен продающий дизайн? Пишите мне @mikaelcdesign

1. Анализирую конкурентов и целевую аудиторию, чтобы ваша карточка могла выделяться среди других 2. Подбор референсов, это нужно чтобы мы лучше друг друга понимали, и по итогу дизайн вам понравился 3. И сам дизайн, над которым я тщательно работаю, чтобы сделать карточку более кликабельной Обычно заказ выполняю за 1-2 дня, если нужно срочно то за 2-3 часа справлюсь По цене от 350-800р главная страница (все зависит от сложности) и все другие слайды по 350р Подробнее с моими работами можете ознакомиться тут https://t.me/portfoliodashbl А если хотите сразу мне написать, то обращайтесь сюда @Dddaasshhhaa

1. Анализирую конкурентов и целевую аудиторию, чтобы ваша карточка могла выделяться среди других 2. Подбор референсов, это нужно чтобы мы лучше друг друга понимали, и по итогу дизайн вам понравился 3. И сам дизайн, над которым я тщательно работаю, чтобы сделать карточку более кликабельной Обычно заказ выполняю за 1-2 дня, если нужно срочно то за 2-3 часа справлюсь По цене от 350-800р главная страница (все зависит от сложности) и все другие слайды по 350р Подробнее с моими работами можете ознакомиться тут https://t.me/portfoliodashbl А если хотите сразу мне написать, то обращайтесь сюда @Dddaasshhhaa

Значит ваша карточка не продаёт и причин тому может быть несколько. И одна из них НЕПРОДАЮЩИЙ И НЕПРИВЛЕКАТЕЛЬНЫЙ ДИЗАЙН  КАРТОЧКИ! Привет 👋 Меня зовут Ольга. Я дизайнер  с опытом работы более 2х лет в инфографике и помогаю селлерам увеличить их продажи с помощью дизайна А еще:👇 🔵 Работаю как с ТЗ, так и БЕЗ 🔵Всегда тщательно анализирую конкурентов и нишу, чтобы ваша карточка выделялась 🔵 Могу работать в разных стилях от минимализма до WOW - дизайна 🔵 Использую в работе НЕЙРОСЕТИ, чтобы обезопасить  заказчика 🔵 Работаю с физ и юр лицами, есть самозанятость 🔵 Всегда на связи и соблюдаю дедлайны 🔵 Индивидуальный подход к каждому клиенту Для крупных оптовых заказов - индивидуальные условия и прайс! МОЁ ПОРТФОЛИО И ПРАЙС 👉 @super_infografika 👩‍💻ДЛЯ СВЯЗИ 👉 @Olga_infografikawb

https://www.adamho.com/ тоже разноцветно и весело. прогрессбар с твоим левелом за изучение сайта это смеш огорчает только, что не понимаешь, где кликабельно. особенно дезориентируют выделенные разноцветными плашками куски текста, !реагирующие на ховер, но при этом без экшена. или тоже выделенные разноцветными плашками куски текста по клику только меняющие цвет так не делаем. а в остальном симп

🤍 - прайс лист 🖤 - сделать заказ (кликабельно) ⭐️Исходник в комментариях!

🤍 - прайс лист 🖤 - сделать заказ (кликабельно) ⭐️Исходник в комментариях!

— Сделайте кнопки достаточно большими. — Ключевые кликабельные элементы - вниз. — Адаптивные шрифты для всех устройств. — Не используем слишком маленький размер текста. — Учитываем жесты пользователя. — Разделение больших задач пользователя на несколько этапов. 🟦 ᴅᴄᴀsᴇ 📘#ꜰɪɢᴍᴀ 🔥 Design Stock

🤍 - прайс лист 🖤 - сделать заказ (кликабельно) ⭐️Исходник в комментариях!