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

Неделю назад я написал нашему программисту: «Знаешь, наверное, к концу следующей недели я сделаю дизайн всего приложения». Да, отличное начало для истории о том, как один экран может выбесить. Делюсь ссылкой на свой проект в Figma

https://habr.com/ru/articles/974974/

#фигма #figma #ux_design #ux #app #приложение #прототип #стартап #atmy #личный_опыт

Что такое Vertical Trim в Figma

Эта статья является более детальной версией поста, который я выкладывала в своем Телеграм-канале для дизайнеров . Посмотрите на первую кнопку на иллюстрации. Кажется, что текст на ней немного сдвинут вниз, правда? На самом деле он выровнен строго по центру — сверху и снизу от текста до края кнопки по 24px.

https://habr.com/ru/articles/963484/

#фигма #figma #vertical_trim #figma_design #ui

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

Как говорил дядя Бен, большие продукты — это большая ответственность. И без сложных интерфейсов тут никуда: а с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций. Для МойОфис как мультипродуктовой экосистемы со сквозными сценариями — все эти вопросы очень актуальны! Поэтому на прошлой неделе JS-еры, дизайнеры и UX-исследователи нашей и других компаний собрались на митапе под названием Frontend&UX Talks, чтобы обсудить эти и другие проблемы современного веба. Получилось интересно, драйвово и даже сказочно! (и я в прямом смысле этого слова :)) Под катом расскажем в 7 тезисах, к каким выводам пришли и как именно: поехали! О фронтенде в 2025-м году мы поняли, что... Понятный и простой код — куда важнее, чем кажется Примитивы это сказка! (причем буквально...) Реактивное программирование актуальное и удобное! Но не для всех... Следить за CSS обновлениями каждый квартал – базовый минимум Темизация это нелегко, но есть лазейки! Редизайны продуктов – это не страшно! (ну почти...) За сложными интерфейсами – глаз да глаз...

https://habr.com/ru/companies/ncloudtech/articles/924704/

#javascript #ux #митап #css #дизайнсистема #интерфейсы #фигма #figma #js #rxjs

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

Как говорил дядя Бен, большие продукты — это большая ответственность. И без сложных интерфейсов тут никуда: а с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций. Для

https://habr.com/ru/companies/ncloudtech/articles/924704/

#javascript #ux #митап #css #дизайнсистема #интерфейсы #фигма #figma #js #rxjs

Порядок в Figma: секреты дизайнеров t2

Всем привет! Меня зовут Аля, и уже больше года я являюсь частью дизайн-команды t2.digital и работаю над интерфейсами мобильного приложения t2. Когда я только пришла в компанию, первое, что бросилось в глаза, — как неудобно были организованы макеты в Figma. Рабочее пространство больше напоминало шкаф подростка, где вперемешку лежали чистая одежда и грязные носки, по классике у половины из них не было пары. Было трудно отыскать нужные экраны для задач и ещё сложнее определить их актуальность. В такие моменты важно говорить уверенно: да, было. Поэтому, вооружившись поддержкой тим-лида и стукнув крепким женским кулаком по столу, я приняла решение заняться «уборкой». Совместными с командой усилиями мы прописали правила работы с макетами, которые были удобны сразу всем дизайнерам и не требовали в моменте больших трудозатрат. Всё-таки цель была облегчить работу, а не усложнить! На протяжении последних шести месяцев мы проверяли жизнеспособность этих правил. Спойлер: они отлично себя показали! Все макеты теперь структурированы и консистентно оформлены, значительно сократилось время на поиск нужных экранов. Итак, давайте по порядку, что это за правила.

https://habr.com/ru/companies/t2/articles/915868/

#команда_мечты #дизайн_интерфейсов #фигма #продуктовый_дизайн #рабочий_процесс #командная_работа #рабочее_пространство #дизайн #лайфхаки

Горячие клавиши в Figma с пояснением на русском

В этой статье рассказываем про горячие клавиши в Figma: где их найти, что они значат и как помогают ускорить работу. Всё коротко, по делу и с пояснениями к каждой команде. Смотреть горячие клавиши

https://habr.com/ru/articles/907094/

#figma #hotkeys #вебдизайн #фигма #дизайн #ускорение

Дизайн в масштабе: как мы связали макеты и оргструктуру, ускорив работу в несколько раз

Привет! Я Александр Букин, дизайн-лид направления Фудтех в Магнит OMNI, объединяющем сервис доставкивертикаль «Магнит Фудтех», маркетплейс «Магнит Маркет» и программу лояльности «Магнит Плюс». Сегодня я расскажу, как мы решаем задачу навигации по карте экранов и ищем ответственных за них в нашем дизайн-комьюнити. Это особенно актуально для средних и крупных дизайн-отделов, где с ростом числа команд, фич и продуктов неизбежно увеличивается и количество макетов, которые нужно систематизировать и структурировать. У растущих команд меняются зоны ответственности: отдельные фичи или части приложения могут переходить от одной команды к другой, потому что мы постоянно стремимся к максимальной эффективности. Всё это неизбежно приводит к трудностям в работе с макетами: их структура становится сложнее, а поиск ответственных за актуальное состояние того или иного экрана — всё более запутанным.

https://habr.com/ru/companies/magnit/articles/893130/

#Оргструктура #Карта_экранов #magnit_tech #дизайнкоманды #дизайнкомьюнити #workflow #внутренние_продукты #figma #фигма #ui

Время идёт, а ничего не меняется. Самыми популярными вопросами среди начинающих дизайнеров остаются:

Котики, привет! Сегодня рассмотрим трепетные вопросы для новичков и подумаем над ответами на них в цепочке следующих постов, а именно: • С чего начать? • Курсы или самоучка? • Когда и где искать работу? • Как устроиться на «ту самую работу»? Читать статью

https://habr.com/ru/articles/878120/

#Дизайн #UI #UX #Продуктовый_дизайн #Старт_в_карьере #Как_начать #полезные_ресурсы #Фигма #Учёба #Самообразование

Плагины и лайфхаки для работы с текстом в Figma

Текст — один из важнейших элементов дизайна и на работу с ним порой уходит много времени. От заполнения контентом до удаления висячих предлогов — всё это требует большого внимания и часто превращается в рутину. К счастью, Figma позволяет ускорить процесс: плагины, встроенные функции и небольшие лайфхаки. В этой статье расскажу, как работать с текстом быстрее и проще, чтобы сэкономить время для более важных задач. Прокачать текст в Figma

https://habr.com/ru/companies/tochka/articles/864908/

#плагины_Figma #текст_в_Figma #массовое_редактирование #типографика #генерация_текста_AI #figma #фигма #работа_с_текстом #проверка_орфографии

Бесплатно поиграть с режимами в Figma

Дизайнеры-джуны, можно бесплатно потрогать платные фишки фигмы, например, режимы, темы и переводы. Мои ученики и менти сталкиваются с дилеммой - надо практиковать токены и алиасинг, но продвинутые фишки в Figma платные. Решение простое: откройте проект Variables playground в комьюнити. Редактировать темы не получится, но можно применять готовые темы и режимы, не оплачивая подписку фигмы. Более того, есть разные дизайн-системы в открытом доступе. Например, Яндекс открыл Gravity UI , где применяются сразу 4 режима.

https://habr.com/ru/articles/868554/

#фигма #designsystem #советы #tipsandtricks #figma #дизайнсистема #uikit #interface