#3 UI-дизайн-framework-системы

Goose&Duck – OpenSource

В чем разница между UI-китом и дизайн-системой? Как отличить хорошую дизайн-систему от подделки? Как мотивировать себя делать pet-проект длиной в два года?

В выдуманной студии:

The Goose: Дима Коваленко https://twitter.com/dmtrKovalenko

The Duck: Влад Шилов https://twitter.com/Omgovich

The Гость: Дмитрий Беляев https://twitter.com/blvdmitry

Таймкоды:

00:00 – Приветствие

02:33 – Что такое дизайн-система

07:36 – Разница между UI Kit и дизайн-системой

09:10 – Философия в дизайн-системах

12:51 – Формулировки

14:47 – Про Arcade Design

17:10 – Как долго заниматься своим проектом

20:37 – Мотивация через сайд-проекты

26:20 – Важны ли технологии

28:54 – Фреймворк для дизайн-системы

32:00 – Обязательно ли все выкладывать на GitHub

33:40 – Headless

38:58 – Кастомизация компонентов

41:25 – Готовые дизайн-системы и корпоративный стиль

44:15 – Монетизация дизайн-систем

48:08 – Продвижение и ProductHunt

50:32 – Анонс от Димы Коваленко

55:30 – Как выбрать хорошую open source дизайн-систему

01:05:50 – Тестирование

Ссылки:

Arcade: https://arcade.design/

Design System Checklist: https://www.designsystemchecklist.com/

Material Design: https://material.io/

Material UI: https://material-ui.com/

Магазин Material UI: https://material-ui.com/store/

Chakra UI: https://chakra-ui.com/

Chakra UI Pro: https://pro.chakra-ui.com/

And Design: https://ant.design/

Reach UI: https://reach.tech/

Headless UI: https://headlessui.dev/

Reakit: https://reakit.io/

Radix UI: https://www.radix-ui.com/

Дима Беляев о Faceless/Headless UI на React Day Berlin 2018: https://youtu.be/Lzb28YoKSoc?t=484

Дима Беляев о дизайн-системах на React Amsterdam 2020: https://youtu.be/G4mui3OCMVA?t=1151

ODIFF: https://github.com/dmtrKovalenko/odiff