Игорь Бутков понятно написал для начинающих о стилях, переменных и дизайн-токенах в Фигме.

— Минус стилей: если в большой дизайн-системе надо заменить один цвет на другой, каждый стиль придётся обновлять по отдельности;
— С переменными такой проблемы нет: цвет становится значением переменной (корневого токена), с которой можно связать другие переменные;
— Корневые токены варьируются по цветам и контрастности, например: purple-500;
— С ними могут быть связаны семантические токены — абстрактные названия, указывающие не на сам цвет, а его функцию, например: background.primary;
— Если нужна возможность отдельно настраивать, например, цвета кнопок, можно добавить компонентные токены, например: button.primary.default;
— Минус: таких токенов будет очень много;
— Преимущества абстрактных названий: если вместо button.purple будет button.primary, фиолетовый цвет можно легко заменить на розовый, и логика названий не сломается;
— Для обозначения числового шага используют S, M, L или числа с большим шагом: 100, 200, 300;
— Числа удобны, если размеров много и могут добавляться промежуточные шаги (250 добавить проще и он будет понятнее, чем 2L).

Токены Atlassian. #figma #design_system #color

Минутка скетчбука:

Zhenya Belan

Милые котики в иллюстрациях разных авторов

📙 Shock Design

Лисицкий, обложка к книге Малевича «О новых системах в искусстве»

Доброе утро!

Когда дизайнер устал спорить с клиентом про круглое и квадратное.

Минутка типографики:

Дизайнер Thomas Kurppa

Ну это достойно увожения. Чел переносит все вины детства в браузерный гейминг @gamebase54

Можно прям тыкпык и играть (и даже сейвы есть). Правда у меня в хроме тормозит половина, все равно пришлось качать какой-то браузер. Но это явно легче чем ебаться с собственной виртуалкой, качать образы, кряки, русификаторы, ловить баги и страдать от ностальгии не по играм, а по пердолингу и совместимости.