«Быть хорошим человеком — это тоже навык»: дизайнеры Рунити о работе в продукте

Когда говорят «IT-компания», в голове чаще всего всплывают разработчики, DevOps и архитекторы. Про дизайнеров вспоминают реже. Хотя именно от них во многом зависит, как человек будет чувствовать себя внутри продукта: быстро разберется и станет уверенным пользователем или разочаруется и закроет вкладку. Мы поговорили с четырьмя дизайнерами Рунити — про то, как они попали в профессию, чем занимаются каждый день и как расти в большой ИТ-компании.

https://habr.com/ru/companies/runity/articles/1006348/

#рунити #figma #figma_design #софтскиллы #хардскиллы #карьера #карьера_в_itиндустрии #карьера_в_ит #дизайнер_интерфейсов #продуктовый_дизайн

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

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

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

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

Мой сын не собирает LEGO замки. Урок UX

Мой сын любит LEGO. Но он не собирает замки, драконов и машины — ему скучно. Он строит существ. Иногда я даже не понимаю, что это. Пока я смотрел на его очередную коллекцию «непонятных, но гениальных» существ, я понял — он не играет по правилам. Он собирает то, что ему нужно прямо сейчас - завтра будет уже другое . Так появился дизайн моего приложения.

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

#ux #ux_design #приложение #дизайн #figma #figma_design

Концепт: региональный портал записи на прием к врачу

Привет! Меня зовут Андрей и я хочу поделиться своим опытом создания концепта для регионального поратала записи на прием к врачу.

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

#дизайн #uiux #figma #figma_design #интерфейсы

Каĸ организовать 20+ ролей в одном Figma-файле: наш кейс и советы для смельчаков

Представьте: у вас есть приложение с 20 пользовательсĸими ролями. Каждая роль видит интерфейс по-своему — разные элементы, состояния, возможности. И вам нужно поддерживать аĸтуальность всех этих вариантов. Звучит ĸаĸ nightmare? Таĸ и было.

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

#figma #figma_design #figma_plugin #пользовательские_интерфейсы #пользовательский_опыт #пользовательские_сценарии #ux #ux_design

Каĸ организовать 20+ ролей в одном Figma-файле: наш кейс и советы для смельчаков

Представьте: у вас есть приложение с 20 пользовательсĸими ролями. Каждая роль видит интерфейс по-своему — разные элементы, состояния, возможности. И вам нужно поддерживать аĸтуальность всех этих вариантов. Звучит ĸаĸ nightmare? Таĸ и было.

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

#figma #figma_design #пользовательский_интерфейс

Figma Professional бесплатно. Гайд для студентов и участников онлайн-курсов

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

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

#figma #figma_design #продуктовый_дизайн #дизайн_интерфейсов #обучение_дизайну #ux_design #ux_для_новичков #uxисследования

Нейминг без боли: архитектура токенов в дизайн-системах через библиотечную структуру

Привет, Хабр. Я Илья Сластен, продуктовый дизайнер интерактивной карты ПГК Диджитал. Ранее в своих статьях я рассказывал о ключевых аспектах работы с локальными переменными в Figma и подход Atomic Design и о минимализме в дизайне . Сегодня поговорим о нейминге. Когда создаешь дизайн-систему, кажется, что главное — создать компоненты, настроить сетки, собрать библиотеку в Figma. Но на деле одна из самых сложных частей — это разобраться с токенами: как их называть, как их организовать, и как всё это выстроить так, чтобы было удобно и дизайнерам, и разработчикам. Без этого система быстро превращается в кашу. В этой статье я покажу, как на практике организовать токены и Figma-библиотеки так, чтобы масштабирование не превращалось в хаос. Мы разберём уровни абстракции токенов, способы нейминга, таксономию и подход к построению библиотек на 4-х уровнях:

https://habr.com/ru/companies/pgk/articles/912192/

#дизайнсистема #токены #uxui #uxui_design #uxui_дизайн #figma #figma_design

Как мы в Точке сделали свой дизайн-линтер

У нас есть внутренний плагин для Фигмы, который проверяет макеты на соответствие техническим параметрам. За несколько лет он сэкономили нашим дизайнерам много сил, а компании — денег. В статье поделюсь техническими деталями создания плагина для тех, кто захочет повторить наш опыт.

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

#Figma #figma_plugin #figma_design #figma_api #автоматизация_дизайна #автоматизация_рутины

Как я написать плагин для Figma, не написав ни строчки кода

Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать

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

#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть