Forwarded from Дизайнер, привет
Команды редко тормозят на этапе рисования экранов. Обычно проблема в другом: нужно быстро проверить идею, а потом не разгребать хаос. Сделали экран в Фигме, ушли в AI-инструмент, получили прототип, вернулись и начали менять случайные кнопки и отступы на свои. Полдня ушло.
Ромина Кавчич хорошо объясняет, почему так происходит. Проблема не в AI, а в потере контекста. Figma Make дает результат, когда работает внутри вашего файла с дизайн-системой: компонентами, вариантами, переменными и правилами нейминга. Плюс можно подтянуть требования и контент из Notion, GitHub, Jira и других источников, чтобы прототип собирался не по догадкам.
Внутри:
– Почему без подключенной библиотеки Figma Make почти всегда генерирует общий и нерелевантный UI;
– Что нужно сделать перед первым промптом: включить библиотеки, выписать точные имена компонентов, определить границы прототипа;
– Как писать промпты, чтобы инструмент использовал ваши компоненты и состояния, а не придумывал новые;
– Зачем сразу требовать состояния загрузки, пустого экрана, ошибки и успеха;
– Как итерироваться быстрее: править по одному изменению за раз и не копить правки в один запрос;
– Как подключать внешний контекст из Notion и GitHub вместо копипаста требований;
– Когда есть смысл использовать живые данные и API, чтобы проверить плотность контента и крайние случаи;
– Какие варианты выхода есть после сборки: оставить в Фигме, экспортировать код как референс или дать демо-ссылку.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Юрий Ветров про перспективный AI-стек для продуктовых дизайнеров
- Нодовые системы и пайплайны - для качественного и предсказуемого визуала
- Умение писать код - чтобы собирать под себя нужные инструменты: плагины, скрипты, автоматизации.
👉 Смотреть
#ИИ
- Нодовые системы и пайплайны - для качественного и предсказуемого визуала
- Умение писать код - чтобы собирать под себя нужные инструменты: плагины, скрипты, автоматизации.
👉 Смотреть
#ИИ
YouTube
Просто искать работу сложно: ДИЗАЙНЕРАМ
Как ИИ меняет дизайн-процесс, когда нейросети рисуют интерфейсы за секунды — и какие компетенции выходят на первый план, чтобы дизайнеру остаться востребованным. Обсудим с Юрой Ветровым, директором по дизайну Точка Банка.
Спикеры:
➤ Юрий Ветров — директор…
Спикеры:
➤ Юрий Ветров — директор…
👍2
Какая нейронка создаст лучший лендинг?
Дала 5 инструментам один и тот же промпт. Вот что получилось 👇
🥇 Claude Sonnet 4.6
Логотип аккуратный, тени проработаны, теги на месте — всё выглядит продуманно. Тексты лучшие из всех пяти. Вместо трёх фичей сгенерировал шесть. Отдельный плюс — анимированная аудиоволна в интерфейсе продукта вместо статичной заглушки. How it works с линиями, чисто. 5/5.
🥈 Gemini 3.1 Pro
Логотип норм, градиенты хорошие, тексты и лейблы читаемые. Но интерфейс продукта вышел схематичным. В прайсинге карточки разной высоты — идея выделить понятна, но исполнение перегружено.
🥉 GPT 5.3 Codex
Нестандартное решение — навбар в виде острова, такого не было ни у кого. Тени хорошие, тексты норм, шесть фичей вместо трёх. Но интерфейс продукта не вытянул — получился обрубком.
4️⃣ Lovable — Default
Теги есть, градиентов нет, тексты средние. Интерфейс продукта аляпистый — между нормальным макетом и скелетоном, ещё и обрезается внизу. В прайсинге кнопка стартового тарифа не выделена — спорное решение. Зато How It Works с линиями — чувствуется более внимательный подход к композиции.
5️⃣ Figma Make — Default
Логотип кривоватый, градиентов нет, тексты средние. Интерфейс продукта — ai slop без изюминки. How it works и прайсинг ок, но общее впечатление слабое.
Итог: Claude победил с отрывом — лучшие тексты, лучший UI, больше всех внимания к деталям.
Промпт — в первом комментарии 👇
А вы каким инструментом генерируете UI?
#ИИ
Дала 5 инструментам один и тот же промпт. Вот что получилось 👇
🥇 Claude Sonnet 4.6
Логотип аккуратный, тени проработаны, теги на месте — всё выглядит продуманно. Тексты лучшие из всех пяти. Вместо трёх фичей сгенерировал шесть. Отдельный плюс — анимированная аудиоволна в интерфейсе продукта вместо статичной заглушки. How it works с линиями, чисто. 5/5.
🥈 Gemini 3.1 Pro
Логотип норм, градиенты хорошие, тексты и лейблы читаемые. Но интерфейс продукта вышел схематичным. В прайсинге карточки разной высоты — идея выделить понятна, но исполнение перегружено.
🥉 GPT 5.3 Codex
Нестандартное решение — навбар в виде острова, такого не было ни у кого. Тени хорошие, тексты норм, шесть фичей вместо трёх. Но интерфейс продукта не вытянул — получился обрубком.
4️⃣ Lovable — Default
Теги есть, градиентов нет, тексты средние. Интерфейс продукта аляпистый — между нормальным макетом и скелетоном, ещё и обрезается внизу. В прайсинге кнопка стартового тарифа не выделена — спорное решение. Зато How It Works с линиями — чувствуется более внимательный подход к композиции.
5️⃣ Figma Make — Default
Логотип кривоватый, градиентов нет, тексты средние. Интерфейс продукта — ai slop без изюминки. How it works и прайсинг ок, но общее впечатление слабое.
Итог: Claude победил с отрывом — лучшие тексты, лучший UI, больше всех внимания к деталям.
Промпт — в первом комментарии 👇
А вы каким инструментом генерируете UI?
#ИИ
❤2👍1
Forwarded from Искусственный интеллект. Высокие технологии
This media is not supported in your browser
VIEW IN TELEGRAM
Вайбкодеры пытаются писать код без Клода. 😭😅
😁3
Forwarded from Искусственный интеллект. Высокие технологии
This media is not supported in your browser
VIEW IN TELEGRAM
Исследователи из University of Science and Technology of China создали робота, вдохновлённого осьминогом, под названием Spirob.
Он использует биоинспирированные мягкие технологии, чтобы с высокой точностью работать с объектами разных размеров, форм и веса.
Кроме того, робота можно быстро и просто производить в разных размерах с помощью 3D-печати.
Он использует биоинспирированные мягкие технологии, чтобы с высокой точностью работать с объектами разных размеров, форм и веса.
Кроме того, робота можно быстро и просто производить в разных размерах с помощью 3D-печати.
🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
🎉 Я выпустила свой первый продукт — Slimio
Это дневник питания с ИИ, который считает калории по фото или описанию.
Два месяца назад я не умела кодить вообще. Потом стала учиться вайб-кодингу, и на одном из курсов надо было сделать приложение для подсчёта калорий. Я сделала, и не смогла остановиться.
Переписала UX, добавила свой UI с анимациями, собрала Storybook с токенами и компонентами, сделала лендинг, локализацию на русский и английский. Провела UX-тесты с реальными пользователями. Придумала новые механики. От учебного проекта осталась идея, а всё, что поверх — моё.
Что умеет Slimio:
— рассчитывает вашу личную дневную норму калорий
— считает калории и БЖУ по фото еды
— считает по текстовому описанию ("борщ, примерно тарелка")
— показывает, что сегодня было съедено лишнего)
— ведёт дневник питания
— работает на русском и английском
Для кого: для тех, кто следит за питанием, но ненавидит долго искать каждый продукт вручную.
Важно знать:
— это MVP, баги возможны — слежу и чиню
— сейчас полностью бесплатно, тарифы есть, но оплата пока не работает
— распознавание чуть медленнее обычного — работает на бесплатных нейронках, это временно
Поражает, что два месяца назад я не знала, что такое деплой, а сейчас у меня живой продукт в продакшне. Это потрясающе. Мама, я фаундер! Фаундерица? Фаундересса? В общем, запустила😂
Очень жду фидбэк — пишите мне лично, что неудобно и что ломается.
👉 slimio-fit.ru
Это дневник питания с ИИ, который считает калории по фото или описанию.
Два месяца назад я не умела кодить вообще. Потом стала учиться вайб-кодингу, и на одном из курсов надо было сделать приложение для подсчёта калорий. Я сделала, и не смогла остановиться.
Переписала UX, добавила свой UI с анимациями, собрала Storybook с токенами и компонентами, сделала лендинг, локализацию на русский и английский. Провела UX-тесты с реальными пользователями. Придумала новые механики. От учебного проекта осталась идея, а всё, что поверх — моё.
Что умеет Slimio:
— рассчитывает вашу личную дневную норму калорий
— считает калории и БЖУ по фото еды
— считает по текстовому описанию ("борщ, примерно тарелка")
— показывает, что сегодня было съедено лишнего)
— ведёт дневник питания
— работает на русском и английском
Для кого: для тех, кто следит за питанием, но ненавидит долго искать каждый продукт вручную.
Важно знать:
— это MVP, баги возможны — слежу и чиню
— сейчас полностью бесплатно, тарифы есть, но оплата пока не работает
— распознавание чуть медленнее обычного — работает на бесплатных нейронках, это временно
Поражает, что два месяца назад я не знала, что такое деплой, а сейчас у меня живой продукт в продакшне. Это потрясающе. Мама, я фаундер! Фаундерица? Фаундересса? В общем, запустила😂
Очень жду фидбэк — пишите мне лично, что неудобно и что ломается.
👉 slimio-fit.ru
🔥7
Slimio
Slimio — Дневник питания с ИИ
Учет калорий и макронутриентов с помощью искусственного интеллекта. Просто сфотографируй блюдо — мы сделаем остальное!
🧩 Как я завайбкодила свой Storybook — гайд для продуктовых дизайнеров
Полгода назад я не писала код. Сейчас у моего проекта есть рабочая галерея компонентов, которую я собрала сама с помощью AI.
Делаю Slimio — AI-дневник питания с распознаванием еды по фото. Вайбкожу через Claude Code в VS Code, дизайню сразу в коде, результаты несу на UX-тесты.
Зачем дизайнеру это нужно
Когда вайбкодишь одна, проект растёт быстро. И главная проблема не в тебе — а в том, что AI постоянно что-то изобретает заново. Создаёт новую переменную цвета, хотя $accent уже есть. Рисует новую кнопку, хотя Button с 5 вариантами лежит в shared/ui. Хардкодит отступ, хотя $spacing-16 давно в токенах.
При 30+ компонентах, двух языках и десятках переменных без единого источника правды это превращается в постоянный рефакторинг.
Storybook стал контрактом между мной и нейронкой: есть компоненты, есть токены — и AI опирается на них, а не изобретает новые.
Что получила
✅ Контроль над AI — указываю на существующие компоненты, экономлю часы рефакторинга
✅ Design tokens на одной странице — сразу вижу, когда AI хардкодит значения
✅ Живая документация — реальные компоненты, не устаревшие скрины
✅ Мультиязычность — переключаю локаль, вижу ru и en
✅ UX-ревью по ссылке — не нужно разворачивать проект
Как делается
Попросила Claude просканировать проект и собрать все компоненты в галерею. Он проанализировал shared/ui/, features/, entities/, собрал каркас с сайдбаром и областью превью, для каждого компонента сгенерировал все состояния, первой страницей сделал design tokens. Потом несколько итераций по виду: «скелетоны слишком тёмные — сделай светлее на 60%» — и готово.
💡 На что обратить внимание
— Токены — фундамент, с них лучше начинать: всё остальное держится на них
— Контекст важен: не просто «Primary», а «используется для: Войти, Сохранить, Добавить»
— Все состояния нужны — default, disabled, error, loading
— Хорошо работает правило в конфиге AI: «проверь галерею перед созданием компонентов»
Подводные камни
Компоненты с API-запросами ломают галерею — нет авторизации, 401, редирект. Это лечится флагом inlinePreview. Ещё нужно добавить /components в публичные маршруты, иначе страница просто не откроется. Сломанные ключи i18n дают технические пути вместо текста. И галерею надо поддерживать — но это решается правилами в конфиге AI.
Без Storybook нейронка за неделю расплодит десятки дублей. С ним каждый новый экран строится из существующих кирпичей, а не придумывается заново.
🔗 slimio-fit.ru/ru/components
А вы как держите AI в рамках дизайн-системы? Или каждый раз сюрприз? 👇
Полгода назад я не писала код. Сейчас у моего проекта есть рабочая галерея компонентов, которую я собрала сама с помощью AI.
Делаю Slimio — AI-дневник питания с распознаванием еды по фото. Вайбкожу через Claude Code в VS Code, дизайню сразу в коде, результаты несу на UX-тесты.
Зачем дизайнеру это нужно
Когда вайбкодишь одна, проект растёт быстро. И главная проблема не в тебе — а в том, что AI постоянно что-то изобретает заново. Создаёт новую переменную цвета, хотя $accent уже есть. Рисует новую кнопку, хотя Button с 5 вариантами лежит в shared/ui. Хардкодит отступ, хотя $spacing-16 давно в токенах.
При 30+ компонентах, двух языках и десятках переменных без единого источника правды это превращается в постоянный рефакторинг.
Storybook стал контрактом между мной и нейронкой: есть компоненты, есть токены — и AI опирается на них, а не изобретает новые.
Что получила
✅ Контроль над AI — указываю на существующие компоненты, экономлю часы рефакторинга
✅ Design tokens на одной странице — сразу вижу, когда AI хардкодит значения
✅ Живая документация — реальные компоненты, не устаревшие скрины
✅ Мультиязычность — переключаю локаль, вижу ru и en
✅ UX-ревью по ссылке — не нужно разворачивать проект
Как делается
Попросила Claude просканировать проект и собрать все компоненты в галерею. Он проанализировал shared/ui/, features/, entities/, собрал каркас с сайдбаром и областью превью, для каждого компонента сгенерировал все состояния, первой страницей сделал design tokens. Потом несколько итераций по виду: «скелетоны слишком тёмные — сделай светлее на 60%» — и готово.
💡 На что обратить внимание
— Токены — фундамент, с них лучше начинать: всё остальное держится на них
— Контекст важен: не просто «Primary», а «используется для: Войти, Сохранить, Добавить»
— Все состояния нужны — default, disabled, error, loading
— Хорошо работает правило в конфиге AI: «проверь галерею перед созданием компонентов»
Подводные камни
Компоненты с API-запросами ломают галерею — нет авторизации, 401, редирект. Это лечится флагом inlinePreview. Ещё нужно добавить /components в публичные маршруты, иначе страница просто не откроется. Сломанные ключи i18n дают технические пути вместо текста. И галерею надо поддерживать — но это решается правилами в конфиге AI.
Без Storybook нейронка за неделю расплодит десятки дублей. С ним каждый новый экран строится из существующих кирпичей, а не придумывается заново.
🔗 slimio-fit.ru/ru/components
А вы как держите AI в рамках дизайн-системы? Или каждый раз сюрприз? 👇
🔥2🥰2
Forwarded from Дизайнер, привет
На задачу чуть сложнее добавления кнопки легко уходит до двух недель. Не потому что команда медленная, а потому что между идеей и релизом слишком много шагов: уточнить требования, собрать первую версию, обсудить с разработкой, доработать, проверить на дизайн-систему, подготовить UX-тесты, потом еще раз все довести до финала.
Элиза Буренок из Точки рассказывает, как они сократили этот путь почти вдвое. Вместо того чтобы сначала долго искать идеальное решение в Фигме, они параллельно собирают рабочие прототипы в Cursor, быстрее находят пробелы в логике, показывают идею команде, тестируют на пользователях и только потом переводят все в финальную раскадровку. На один экран у нее уходит до часа, на сценарий до дня.
Внутри:
– Почему на обычный дизайн-процесс легко уходит до 10 этапов и 2 недель;
– Как прототип в Cursor помогает быстрее найти пробелы в задаче и корнер-кейсы;
– Зачем дизайнеру готовить проект через правила, команды, токены и компоненты;
– Как режим Plan помогает декомпозировать задачу перед реализацией;
– Как связка Cursor и MCP Figma ускоряет сборку экранов;
– Что помогает уменьшить галлюцинации модели и не потерять контроль;
– Почему прототипы в Cursor удобнее для UX-тестов, чем сырые макеты;
– Чем Cursor отличается от Lovable, Replit, Bolt и Figma Make по точности, стоимости и контролю.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Forwarded from #ФФДД2Д
Матрицы уровней и компетенций дизайнера в Т-Банке
Я Фил, руковожу отделом дизайна операционных сервисов и по совместительству лидирую рабочую группу по росту и развитию. Сегодня я хочу вам показать результат нашей большой работы — матрицы уровней и компетенций, по которым мы оцениваем работу дизайнеров.
Этими артефактами мы формулируем требования к дизайнерам в нашем внутреннем комьюнити, которое уже насчитывает 600+ человек. Мы обкатываем эти матрицы еще с 2024 года, наконец-то дошли руки рассказать о них на внешку.
Из статьи вы узнаете, как мы подходили к их созданию, какой методологии придерживались и с какими трудностями столкнулись. Читайте статью, или переходите сразу к матрицам, чтобы посмотреть на требования и оценить свои скиллы.
⚡️ Статья на Дзгнерс о создании матриц
✨ Веб-версия матриц, которую навайбкодил Ваня Морозов
📱 Матрицы в Фигма-комьюнити
Я Фил, руковожу отделом дизайна операционных сервисов и по совместительству лидирую рабочую группу по росту и развитию. Сегодня я хочу вам показать результат нашей большой работы — матрицы уровней и компетенций, по которым мы оцениваем работу дизайнеров.
Этими артефактами мы формулируем требования к дизайнерам в нашем внутреннем комьюнити, которое уже насчитывает 600+ человек. Мы обкатываем эти матрицы еще с 2024 года, наконец-то дошли руки рассказать о них на внешку.
Из статьи вы узнаете, как мы подходили к их созданию, какой методологии придерживались и с какими трудностями столкнулись. Читайте статью, или переходите сразу к матрицам, чтобы посмотреть на требования и оценить свои скиллы.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
Есть компании, о которых не знаешь — а они уже вживляют чипы крысам и проектируют импланты для людей.
Нашла интервью с основателем Neiry на Хабре. Российская нейротех-компания: 300 человек, полтора миллиарда выручки в год, больше ста продуктов. Звучит как что-то из будущего, но всё это происходит прямо сейчас. Свои нейрохирурги, своё производство электродов, свои операционные и виварии с сотнями подопытных животных. И, кстати, штатный философ-богослов по биоэтике — и это не странность, а, судя по всему, необходимость.
Что они уже делают: голуби с нейроимплантами мониторят линии электропередач, наушники лечат тревожность стимуляцией блуждающего нерва, повязки для мозга помогают не скатиться в выгорание, а специальная шляпа по волновой активности мозга говорит подросткам, чем им заниматься в жизни. Как в Хогвартсе, только настоящая.
А дальше — импланты внутри людей. И сразу неудобный вопрос: кто обновляет прошивку? Что происходит, если компания обанкротится? Подписка на нейростимулятор внутри тела — это не антиутопия, это единственная рабочая модель. Они это уже обсуждают.
Меня это пугает и притягивает одновременно. Не потому что хочется чипироваться — а потому что люди уже живут в мире, который я только начинаю представлять.
➡️ Интервью на Хабре
Нашла интервью с основателем Neiry на Хабре. Российская нейротех-компания: 300 человек, полтора миллиарда выручки в год, больше ста продуктов. Звучит как что-то из будущего, но всё это происходит прямо сейчас. Свои нейрохирурги, своё производство электродов, свои операционные и виварии с сотнями подопытных животных. И, кстати, штатный философ-богослов по биоэтике — и это не странность, а, судя по всему, необходимость.
Что они уже делают: голуби с нейроимплантами мониторят линии электропередач, наушники лечат тревожность стимуляцией блуждающего нерва, повязки для мозга помогают не скатиться в выгорание, а специальная шляпа по волновой активности мозга говорит подросткам, чем им заниматься в жизни. Как в Хогвартсе, только настоящая.
А дальше — импланты внутри людей. И сразу неудобный вопрос: кто обновляет прошивку? Что происходит, если компания обанкротится? Подписка на нейростимулятор внутри тела — это не антиутопия, это единственная рабочая модель. Они это уже обсуждают.
Меня это пугает и притягивает одновременно. Не потому что хочется чипироваться — а потому что люди уже живут в мире, который я только начинаю представлять.
➡️ Интервью на Хабре
Хабр
Мы внедрили ИИ в мозг крысы. Теперь она разбирается в Python и астрономии
Статья написана автором блога на основе интервью с Александром Пановым, основателем Neiry. Уже сегодня. 1. Голуби-биодроны, в мозг которых имплантированы нейроимпланты, летят мониторить линии...
👍3🥴1