Designsystems

Yury Vetrov

Обзор дизайн-систем: проблемы, исследования и новые подходы

Первый в этом году мини-подбор свежего о дизайн-системах:

  1. Shaun Bent: Проблемы федеративной модели поддержки и развития дизайн-системы. Spotify, где он работал, дважды пытался запустить её и она дважды проваливалась по двум причинам: недостаточная централизованная команда и её полное отсутствие. 
  2. Figma и Design Executive Council (DXC): Исследование т…
Yury Vetrov

Дизайн-системы: курсы, инструменты и новые подходы

Последняя в этом году мини-подборка о дизайн-системах:

  1. Brad Frost: Курс про связку ИИ и дизайн-систем вместе со своим братом Ian и TJ Pitre (основатель агентства Southleft). Анонс.
  2. Iasonas Georgiadis: Пошаговая инструкция по созданию интерактивных прототипов через Claude Code на базе макетов и дизайн-системы в Figma.
  3. t2 (Tele2): Пошаговая инструкция п…
11
Yury Vetrov

Понедельничный подгон свежего о дизайн-системах

1. Figma: Запустили свой сервер для подключения через протокол MCP, который помогает ИИ-продуктам и сервисам общаться между собой. Например, редакторы кода VS Code с Copilot, Cursor, Windsurf и Claude Code могут собрать код на основе макетов. Помимо сборки прототипов это упрощает работу с дизайн-системой — вот, например, быстрое создание компонента…

33
Yury Vetrov

Адаптация дизайн-систем для ИИ: ключевые аспекты и инструменты

Много разного полезного про адаптацию дизайн-систем в ИИ-мире:

  1. Matt Rothenberg: Как задавать нейронкам правила генерации интерфейсов на базе дизайн-системы. Важно идти дальше просто компонентов и токенов, чтобы предсказуемой была сборка всего экрана
  2. Ky Decker: Регулярный опросник коллег по качеству дизайн-системы Scribe. И показывает, как он помог ул…
55
11
Yury Vetrov

Теперь все свежие публикации о дизайн-системах говорят про их создание и использование с помощью ИИ. Переход полный и бесповоротный:

  1. Kaelig Deloumeau-Prigent: Мощная фабрика ИИ-агентов по созданию компонентов. Он во всех деталях рассказывает о том, как сделать такую же
  2. Nathan Curtis: Продолжает искать единый контракт для описания компонентов. Он позв…
55
Yury Vetrov

Управление дизайн-системами в эпоху ИИ

Yury Vetrov

Дизайн-системы: адаптация для ИИ и компоненты Figma

Разное свежее про дизайн-системы в привычном и ИИ-шном понимании.

  1. Hardik Pandya: Пошаговая инструкция по подготовке дизайн-системы для использования ИИ. Как адаптировать токены, компоненты и принципы в формат .MD и положить в найстройки чат-бота или агента. 
  2. OpenUI: Фреймворк на React для адаптации дизайн-системы под ИИ. Они используют свой язык Open…
Yury Vetrov

Обзор дизайн-систем: Figma, Tool UI и советы от экспертов

Малышечная подборка свежего о дизайн-системах:

  1. Nathan Curtis: Как могут упроститься параметры компонента в Figma благодаря появлению слотов. Он разобрал несколько примеров — стало намного легче работать
  2. Nathan Curtis: Как слоты в компонентах Figma помогут починить костыли — когда какой-то компонент содержит условный список дочерних (например, элемент…
11
Yury Vetrov

Обзор новых возможностей дизайн-систем в Figma и других инструментах

Yury Vetrov

Чутка свежего о дизайн-системах:

  1. tweakcn: Генератор тем оформления для фреймворка дизайн-систем shadcn/ui. Можно описать самому или сгенерировать с помощью ИИ. 
  2. Ness Grixti: Переосмыслила свой подход к со-авторам дизайн-системы среди продуктовых команд. Компании организованы и устроены совершенно по-разному и этот фундаментальный для дизайн-системы процесс должен быть гибким
  3. Ben Cal…
11
Yury Vetrov

Немного свежего о дизайн-системах:

  1. Brad Frost: Запустил сертификацию по своему фреймворку дизайн-систем «атомарный дизайн». Это курс, который подтверждает знания. Он также работает над вторым изданием своей книги
  1. Figma добавила в интерфейс эффект жидкого стекла, который точно повторяет гайдлайны Apple. Сами Apple выпустили официальный UI Kit для Figma