RU

Как перенести навайбкоженный проект в Figma через Claude Code и получить дизайн‑систему

Знакомая ситуация: продукт написан за выходные, гипотеза подтвердилась, кто‑то уже платит. Приходит дизайнер и просит файл. Файла нет.  Ес…

claude codefigmaинтерфейсыпродуктовая разработкаии-агенты
Habr
RU

Исправляем интерфейс криптокошелька. Как не заставлять пользователя считать в уме

Разбор интерфейса Телеграм Кошелька. Исправляю ошибки в UX на странице токенов, чиню логику баланса портфеля и делаю историю транзакций понятной без…

uxuiпродуктовый дизайнредизайнфинтехtelegram walletкриптокошелекюзабилитиfigmaинтерфейсы
Habr
RU

Разработка возвращает макет: базовая гигиена Figma‑макетов

Грязный макет – грязный код. Чистый макет – адекватный код и отсутствие вопросов «что тут имелось в виду»: разработка получает то, с&…

designerдизайнdesign patternsdesktopdesign systemfigmaaiмобильная разработка
Habr
RU

Человекоцентричный B2B-экран. Снижение нагрузки на техподдержку и ускорение поиска ошибок

Улучшаем UX экрана проверки товарных фидов в Яндекс Директе. Ускоряем считывание статусной информации и структурируем технические данные так, чтобы…

продуктовый дизайнредизайнfigmaдизайн-системаb2bинтерфейсыкейсяндекс директuxui
Habr
RU

Декомпозиционный подход организации пространства в Фигме

Этот подход плзволяет избавиться от таких проблем, как: неактуальность макетов для разработки, долгий поиск макетов и задач в фигме, протухание инфо…

figmafigma designдизайндизайн-системаорганизация пространства в фигмесистема хранения макетовсистема хранения дизайнавеб-дизайн
Habr
RU

Симулятор дальтонизма для сайта, Figma и Chrome: как девять чисел из статьи 2009 года разошлись по четырём инструментам

Девять чисел из научной статьи 2009 года сегодня работают у меня в четырёх местах: на HTML-странице, в canvas, в двух плагинах Figma и в чужом расши…

доступностьдальтонизмfigmachromeплагиныинклюзивный дизайн
Habr
RU

Дизайнеры не должны договариваться о том, как оформлять макеты. Как мы сформировали дизайн-стандарт

Привет! Хочу рассказать вам о том, как мы применили продуктовый подход к исследованию опыта разработчиков при работе с Figma, чтобы создать единый с…

ux-дизайнux-исследованияfigmaстандартизацияdesign opsпродуктовый дизайнdeveloper experienceвнутренние процессыпродуктовый подход
Habr
RU

Как построить свою оргмодель, свое хобби-приложение и не потерять месяц жизни

Друзья, сегодня отличный день, чтобы сделать свою первую статью на Хабре, который я читаю многие годы. Сегодня я успешно запустил в прод свой первый…

диаграммыpet-проектыchartsopen-sourcehrismirofigmayaml
Habr
RU

Figma ушла, а привычки остались. Существует ли российский аналог?

Многие компании в России за последние пару лет прошли через пять стадий принятия: от «да это просто баг, сейчас починят» до «окей, нам нужен новый и…

импортозамещение поfigmaконтрастРоссийский редактор интерфейсовМиграция из FigmaАльтернативы Figma
Habr
RU

Эволюция токенов цветов в Туту: как навести порядок в дизайне и не уехать в дурку

Создание единой дизайн-системы для крупного кроссплатформенного продукта — это всегда вызов. А если процесс совпадает с масштабным ребрендингом комп…

figmadesign systemdesign tokenspalettecolorsjson
Habr
RU

Собрал мультибрендовую дизайн-систему аж для семи брендов

Я пришёл в компанию, где было семь брендов. С улицы и не скажешь, что под ними один шаблон — над разрозненностью поработали как следует: свои фоны,…

дизайн-системаdesign systemfigmaToken Studioмультибрендовостьdesign tokensкомпонентыдизайн-процессыfigma variables api
Habr
RU

Спектр. Контекст создания, трудности, боли и победы

20 апреля мы официально сообщили на широкую аудиторию, что ведём разработку собственного аналога Figma и Pixso — Спектр, а также открыли приём заяво…

дизайнпродуктпродуктовая разработкапродуктовый дизайнпродукт менеджментретроспективавнутренняя кухняспектрpixsofigma
Habr
RU

Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах

Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах.🎨 Изначально в своей студии веб-дизайна я сам отрисовывал сайты. П…

веб-дизайнux дизайнuiдизайн-системадизайн сайтовдизайн сайтадизайнеруkitфигмаfigma
Habr
RU

Точка в дизайне: как самый маленький элемент задаёт настроение и ритм

Точка — самый простой элемент дизайна. И один из самых недооценённых. Рассказываем, как точки работают в интерфейсном, графическом и веб-дизайне на…

ux designux дизайнuxпользовательские интерфейсыпользовательский опытfigmafigma designточкаdotillustrator
Habr
RU

Cursor в разработке: нейропрототип модуля в корпоративной системе

Современная корпоративная разработка — это всегда про компромиссы. Нужно быстро прототипировать, но при этом не потерять в качестве кода. Хочется де…

cursorнейропрототипрежимы cursorfigmaискусственный интеллект