Maken

Дизайнер дизайн-систем

Привет, я Алексей Макаренко. Уже более 6 лет проектирую дизайн-системы, автоматизирую их и масштабирую. Короче, экономлю бюджеты :)

Design system designer

Hi! I’m Aleksei Makarenko. I’ve spent over 6 years designing design systems, driving automation, and scaling products. In short — I make sure design saves you money :)

Дизайн-система для samokat.ru

b2b Дизайн-система для мобильных устройств на iOS и Android на языке React Native, система для внутренних систем, складов, дарксторов и т.д.

Legacy

Когда я пришел, это был просто набор компонентов без какой-либо документации, без точного понимания как они работают в коде, не привязанные к единой системе токенов

Документация

Начал вести документацию, сделал “паспорт компонента” с кратким описанием ссылками на коммуникацию и статусом (в разработке или уже разработан)

С чего начать?

Это первый файл который встречает пользователя ДС, там он узнает полезные ссылки, где хранятся компоненты, где документация, где сторибук и полезные ссылки и т.д.

База

Определил и зафиксировал layout и grid, стал использовать core дизайн-токены

Компоненты

Разработал базовые компоненты (обычно их называют “атомы”) и больше 30 компонентов производных из них, или целые композиции

Презентации и воркшопы

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

Design system for samokat.ru

A b2b design system for mobile devices on iOS and Android in React Native, for internal systems, warehouses, dark stores, etc.

Legacy

When I joined, it was just a set of components without any documentation, without a clear understanding of how they worked in code, and not tied to a unified token system

Documentation

I started documenting the system and created a "component passport" with a short description, links to communication channels, and status (in progress or already implemented)

Where to start?

This is the first file that welcomes a design-system user: it contains useful links, where components are stored, where documentation lives, where Storybook is, and other helpful links

Foundation

I defined and formalized layout and grid, and started using core design tokens

Components

I developed foundational components (usually called "atoms") and more than 30 components derived from them, including full compositions

Presentations and workshops

I built a process in which product designers participate in component implementation even when they lack spare time: there is a regular sync to discuss new features, plus presentations of new components and technologies