Добрался до ролика BBE и Билайн на тему организации дизайн-систем.

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

Не так давно, в 21-м году, ребята из Билайна пришли к атомарному дизайну и тому, что я называю атомарной матрешкой. И недавно они об этом рассказали на гостевом вебинаре в BBE.

Т.е. они организовали глобальный юай кит и документацию с философией системы и отдельные библиотеки шаблонов для конкретных продуктов.

Это правильный подход, при котором существует некая глобальная матрешка с базовой начинкой, а все остальные продукты просто добавляют новый уровень лейаутов и сценариев поверх базовой матрешки. В итоге каждая отдельная матрешка ака продукт, живет по общим правилам, но может гибко меняться в зависимости от требований бизнеса. При этом продуктовые команды могут предлагать глобальные решения для ядра системы.

Рекомендую ролик к изучению, если в вашей команде еще не сформирован подход к работе с дизайн-системами.👍

https://www.youtube.com/watch?v=aobou6cMDJM

#заметки #полезное #фигма

Также посмотрел ролик от команды Озона, в котором ребята рассказывают о декомпозиции компонентов в системах для оптимизации макетов.👹

Спикер рассказывает о том как сделать так, что всем хватило 2gb памяти в одной вкладке.

Дело в том, что Фигма — веб приложение и у нее есть ограничение на использование памяти в одной вкладке. Если макет потребляет много памяти — Фигма начинает сыпать уведомление «высокий расход память, использовано 60%» и так далее, когда расход увеличивается до 100% — макет не удастся открыть даже на сверхпроизводительном компьютере. Вот такие дела.🃏

Решением проблемы является упрощение библиотек и компонентов лежащих в них. Простыми словами — нужно распиливать на части все что можно распилить, уменьшать количество скрытых слоев и т.д. Эта информация есть в официальных гайдах по эксплуатации Фигмы. В ролике спикер объяснит эти вещи простыми словами.

Есть у меня возражения к подходу «один компонент — один макет», озвученному в ролике, когда каждый компонент представляется одним файлом. Пока не встречал настолько сложных систем, где требовалось настолько декомпозировать библиотеки, но наверное есть продукты, в которых это обосновано.

Также спикер прокомментировал, что юай кит и дизайне система не одно и тоже. С чем я полностью согласен.

Юай кит — это набор компонентов графического интерфейса, а дизайн система — это совокупность юай кита, подкрепленного кодовой базой и гайдов по эксплуатации и методами доставки этих гайдов до дизайн команд.

Прикрепляю ссылочку к своим комментариям, приятного просмотра.🦆

https://youtu.be/FESmK-CRdVw?si=ydZyKf78CYn2YQaG

#заметки #полезное #фигма

Библиотечка для проектирования интерфейсов для Vision OS. 😎

В хозяйстве пригодится: https://www.figma.com/file/OHbg4Le3G6gp5RMLYqJNh0/Apple-Design-Resources---visionOS-(Zelenykh)?type=design&node-id=221%3A56229&mode=design&t=wlILnhSCwB0oMan3-1

#фигма #ресурсы

Всем привет!👋

Сегодня я дебютировал в качестве автора в блоге Яндекс Практикума на Хабре.

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

#всякое #плагины #фигма

Generista — плагин позволяет позволяет легировать прикольные паттерны.🔥

Смотреть плагин 👹

#фигма #плагины

Хозяйке на заметку! 🦧

Теперь нет необходимости детачить текстовый стиль в Фигме, чтобы сделать текст жирным, наклонным или подчеркнутым.

Можно использовать горячие кнопки:

⌘B или Ctrl+B = Жирный
⌘I или Ctrl+I = Курсив
⌘U или Ctrl+U= Подчеркнутый

#новости #софт #фигма

Figma плагин для создания мокапов. 🦮

Особенности:

- Библиотека мокапов
- Высокое качество самих мокапов
- Выбор разных цветов девайсов
- Бесплатно 😍

https://www.figma.com/community/plugin/817043359134136295/Mockup

#фигма #плагины