Последняя в этом году мини-подборка о дизайн-системах:
1. Brad Frost: Курс про связку ИИ и дизайн-систем вместе со своим братом Ian и TJ Pitre (основатель агентства Southleft). Анонс.
2. Iasonas Georgiadis: Пошаговая инструкция по созданию интерактивных прототипов через Claude Code на базе макетов и дизайн-системы в Figma.
3. t2 (Tele2): Пошаговая инструкция по настройке UI Kit на React. Кстати, страница их дизайн-системы появилась в клубе отечественных дизайн-систем.
4. Donny D'Amato: Можно ли сделать токены для размеров семантическими или это пустая затея. В отличие от цветов, типографики или положения в пространстве — размеры и отступы зачастую просто оптически выбраны.
5. PJ Onori: Печальный факт — многие публичные дизайн-системы уходят в закрытый режим. Это снижает затраты команд на поддержку открытой версии, но плохо для сообщества и развития дизайн-систем в целом. Помимо прокачки HR-бренда, это ещё и мощный стимул особенно дотошно проверять качество.
6. Amit Sheen: Предлагает использовать подход токены для анимации в вебе. Он показывает как прописать их в CSS-переменных, хотя это применимо и для фреймворков.
7. FigmaLint: Плагин для Figma делает линтинг дизайн-системы: структура компонентов, использование переменных, именование свойств. На выходе — документация.
8. Southleft: Концепция контекстного доступа к гайдлайнам дизайн-системы через ИИ-ассистента. О проекте.
#designsystems
Post #795
8.92K