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

  1. Figma добавила в интерфейс эффект жидкого стекла, который точно повторяет гайдлайны Apple. Сами Apple выпустили официальный UI Kit для Figma
  1. Material Expressive 3: Как задавать свои стили анимации. Они будут переиспользоваться во всей дизайн-системе
  1. Magic Patterns: Инструмент алгоритмического дизайна может создать прототип сайта на основе текстового запроса, скриншота или просто скопировать существующий сайт. Он создаёт библиотеку компонентов, которые также можно генерировать и дорабатывать по текстовому запросу. Есть расширение для браузера, где можно выделить элемент на экране и создать компонент для него
  1. Colin Matthews: Инструкция по созданию прототипов для проверки продуктовых гипотез с помощью ИИ-инструментов. Он показывает, как сгенерировать компоненты разными способами и дальше собирать из них прототипы
  1. Storybook: Как работают новые встроенные тесты компонентов в версии 9. Они покрывают взаимодействие, визуал и accessibility
  1. DOC: Цель, смысл и природа целостности в дизайне. Что она даёт и для чего к ней нужно стремиться
  1. Obra: Библиотека иконок на React и Svelte, которую можно подключить к дизайн-системе
  1. SmoothUI: Фреймворк дизайн-системы на React и TailwindCSS, где компоненты мощно прокачаны анимацией
  1. 9ui: Фреймворк дизайн-системы на React на базе Tailwind. Он даёт компоненты без стиля, которые можно докручивать под себя

Подписывайтесь на Telegram Дайджест продуктового дизайна.

Начать дискуссию