Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/unchase/awesome-russian-design-systems
:blue_book: Список отечественных и русскоязычных дизайн-систем
https://github.com/unchase/awesome-russian-design-systems
List: awesome-russian-design-systems
awesome awesome-list design design-system it
Last synced: 3 months ago
JSON representation
:blue_book: Список отечественных и русскоязычных дизайн-систем
- Host: GitHub
- URL: https://github.com/unchase/awesome-russian-design-systems
- Owner: unchase
- License: cc-by-4.0
- Created: 2021-07-11T08:57:57.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-01-21T18:46:39.000Z (almost 3 years ago)
- Last Synced: 2024-05-23T09:08:05.709Z (5 months ago)
- Topics: awesome, awesome-list, design, design-system, it
- Homepage:
- Size: 6.5 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
- ultimate-awesome - awesome-russian-design-systems - :blue_book: Список отечественных и русскоязычных дизайн-систем. (Other Lists / PowerShell Lists)
README
---
Здесь собран список отечественных и русскоязычных дизайн-систем, а также дополнительных материалов, связанных с ними.
---
## [](https://alfabank.ru/) [Альфа-Банк](https://alfabank.ru/)
**Название ДС:** [Feather](https://design.alfabank.ru/) - Дизайн-команда одного из ведущих банков
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/alfa-laboratory/arui-feather) [arui-feather](https://github.com/alfa-laboratory/arui-feather) - библиотека компонентов
1. [](https://digital.alfabank.ru/designsystem) [Цифровые продукты Альфа-Банка](https://digital.alfabank.ru/designsystem)
1. [](https://www.youtube.com/watch?v=2Mp6DD-gUjU) [LBMM #4 - Я. Саверин, В. Галахов, Собственная система прототипирования на основе веб-компонентов](https://www.youtube.com/watch?v=2Mp6DD-gUjU)
1. [](https://www.youtube.com/watch?v=n8WggChqu0s) [Дизайн-команда Альфа-Банк, внутренние и внешние проекты – Настя Попова (maildesignfriends)](https://www.youtube.com/watch?v=n8WggChqu0s)
1. [](https://habr.com/ru/company/alfa/blog/492010/) [Тёмная сторона дизайн-системы и что с ней делать](https://habr.com/ru/company/alfa/blog/492010/)
1. [](https://www.youtube.com/watch?v=UuOU_dI0Ne0) [Бренд-команда Альфа-банка](https://www.youtube.com/watch?v=UuOU_dI0Ne0)
---
## [](https://bars.group/) [АО «БАРС Груп»](https://bars.group/)
[](https://design.bars.group/)
**Название ДС:** [BIUX](https://design.bars.group/) - Дизайн-команда крупного федерального разработчика работает над унификацией продуктов для государства и бизнеса
:book: **Дополнительные ссылки и материалы:**
1. [](https://vc.ru/design/58924-razrabotka-svoey-dizayn-sistemy-opyt-bars-grup) [Разработка своей дизайн-системы. Опыт «БАРС Груп»](https://vc.ru/design/58924-razrabotka-svoey-dizayn-sistemy-opyt-bars-grup)
---
## [](https://vk.com) [ВКонтакте](https://vk.com)
[](https://www.figma.com/@vk)
**Название ДС:** [Ссылка](https://www.figma.com/@vk) - Крупнейшая отечественная социальная сеть
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/VKCOM/VKUI) [VKUI](https://github.com/VKCOM/VKUI) - библиотека компонентов ([Сайт](https://vkcom.github.io/VKUI))
1. [](https://habr.com/ru/company/vk/blog/501934/) [Публикуем дизайн-библиотеки компонентов VKUI в Figma](https://habr.com/ru/company/vk/blog/501934/)
1. [](https://habr.com/ru/company/vk/blog/449720/) [Как оседлать радугу: история создания тёмной темы](https://habr.com/ru/company/vk/blog/449720/)
---
## Дизайн Государственных Систем
[](http://gov.design/)
**Название ДС:** [Ссылка](http://gov.design/) - Единая платформа для сайтов государственных органов и учреждений
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/govdesign) [govdesign](https://github.com/govdesign)
1. [](https://www.facebook.com/watch/?v=1248753351897076) [Дмитрий Игошин — Дизайн-система России](https://www.facebook.com/watch/?v=1248753351897076)
1. [](https://www.youtube.com/watch?v=Yylbpzy7JHI) [Дизайн-стандарт.](https://www.youtube.com/watch?v=Yylbpzy7JHI)
---
## []() [Контур](https://kontur.ru/)
[](https://guides.kontur.ru/)
**Название ДС:** [КонтурГайды](https://guides.kontur.ru/) - Отечественная онлайн-бухгалтерия
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/skbkontur/retail-ui) [React UI](https://github.com/skbkontur/retail-ui) - библиотека компонентов
1. [Библиотека ReactUI](https://tech.skbkontur.ru/react-ui/)
1. [Продуктовый дизайн в Контуре](https://tech.kontur.ru/design)
1. [](https://medium.com/designkontur/скетч-библиотека-для-работы-19a692ea959f) [Скетч-библиотека для работы](https://medium.com/designkontur/скетч-библиотека-для-работы-19a692ea959f)
1. [](https://www.youtube.com/watch?v=g6LJkJmBG6M) [Владимир Дзех, Дизайн-система тридцати продуктов для бизнеса](https://www.youtube.com/watch?v=g6LJkJmBG6M)
1. [](https://vc.ru/design/255451-kak-my-v-konture-menyali-firmennyy-stil) [Как мы в Контуре меняли фирменный стиль](https://vc.ru/design/255451-kak-my-v-konture-menyali-firmennyy-stil)
---
## [](http://megafon.ru/) [Мегафон](http://megafon.ru/)
[](https://ui.megafon.ru/EqR2rxoML8/)
**Название ДС:** [MegaFon React UI](https://ui.megafon.ru/EqR2rxoML8/)
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/MegafonWebLab/megafon-ui) [MegaFon React UI](https://github.com/MegafonWebLab/megafon-ui) - библиотека компонентов
1. [](https://medium.com/@ux.ui.megafon/дизайн-система-мегафона-эпизод-1-процессы-и-инструменты-ab6970d58483) [Дизайн-система МегаФона. Эпизод 1: Процессы и инструменты](https://medium.com/@ux.ui.megafon/дизайн-система-мегафона-эпизод-1-процессы-и-инструменты-ab6970d58483)
---
## [](https://mts.ru/) [МТС](https://mts.ru/)
[](https://moskva.mts.ru/about/media-centr/mediabank/korporativnyj-stil)
**Название ДС:** [Ссылка](https://moskva.mts.ru/about/media-centr/mediabank/korporativnyj-stil)
:book: **Дополнительные ссылки и материалы:**
1. [](https://www.youtube.com/watch?v=mKJWT2yKgOU) [Егорова Дарья, МТС – Метод построения экосистемы продуктов](https://www.youtube.com/watch?v=mKJWT2yKgOU)
1. [](https://www.youtube.com/watch?v=TueI6C9P49g) [Дизайн-система как инструмент экосистемы. Дарья Егорова, МТС](https://www.youtube.com/watch?v=TueI6C9P49g)
1. [](https://www.youtube.com/watch?v=_NlKOVsUYDE) [Екатерина Винникова — Дизайн-система МТС —D1e06— MTS Design Community Conference (День 1)](https://www.youtube.com/watch?v=_NlKOVsUYDE)
---
## [](https://itmo.ru/ru/) [ИТМО](https://itmo.ru/ru/)
[](https://design-system.itmo.ru/)
**Название ДС:** [Ссылка](https://design-system.itmo.ru/)
---
## [](https://www.gazprom-neft.ru/) [ПАО «Газпром нефть»](https://www.gazprom-neft.ru/)
[](https://consta.gazprom-neft.ru/)
**Название ДС:** [Consta](https://consta.gazprom-neft.ru/) - Дизайн-система технологического лидера нефтегазового рынка России
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/consta-design-system/uikit) [Consta](https://github.com/gazprom-neft/consta-uikit) - библиотека компонентов
1. [Дизайн-система Consta](https://consta-uikit.vercel.app)
1. [](https://www.figma.com/@consta) [Consta в Figma](https://www.figma.com/@consta)
1. [](https://web-standards.ru/podcast/272/) [Chrome 89 и DevTools, релизы и приватность, история веба, цвета из спеки, дизайн-система Consta](https://web-standards.ru/podcast/272/)
1. [Дизайн-система Consta](https://digital.gazprom-neft.ru/about-project?id=consta)
---
## [](https://www.raiffeisen.ru/) [Райффайзенбанк](https://www.raiffeisen.ru/)
[](https://raif-brand.ru/)
**Название ДС:** [Vienna](https://raif-brand.ru/) - Дизайн-система одного из заметных российских банков
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/Raiffeisen-DGTL/ViennaUI) [ViennaUI](https://github.com/Raiffeisen-DGTL/ViennaUI) - библиотека компонентов
1. [](https://vc.ru/design/90566-progulyatsya-ulochkami-vienna-kak-my-sozdali-svoyu-dizayn-sistemu) [Прогуляться улочками Vienna: как мы создали свою дизайн-систему](https://vc.ru/design/90566-progulyatsya-ulochkami-vienna-kak-my-sozdali-svoyu-dizayn-sistemu)
1. [](https://habr.com/ru/company/raiffeisenbank/news/t/560180/) [Design System Community Meetup 3/06: видео и материалы встречи](https://habr.com/ru/company/raiffeisenbank/news/t/560180/)
1. [](https://www.youtube.com/watch?v=4Hni1ySWLXQ) [Бренд- и дизайн-команда Райффайзенбанка](https://www.youtube.com/watch?v=4Hni1ySWLXQ)
1. [Просто и чётко: как и зачем Райффайзенбанк создал собственную бренд-систему](https://www.cossa.ru/special/finance/289639)
1. [](https://vc.ru/design/195932-kak-bystro-sozdat-i-bezboleznenno-vnedrit-bolshoy-nabor-ikonok-dlya-cifrovyh-produktov-i-servisov-opyt-rayffayzenbanka) [Как быстро создать и безболезненно внедрить большой набор иконок для цифровых продуктов и сервисов: опыт Райффайзенбанка](https://vc.ru/design/195932-kak-bystro-sozdat-i-bezboleznenno-vnedrit-bolshoy-nabor-ikonok-dlya-cifrovyh-produktov-i-servisov-opyt-rayffayzenbanka)
---
## [](https://rt.ru/) [Ростелеком](https://rt.ru/)
[](https://design.rt.ru/preview)
**Название ДС:** [Ссылка](https://design.rt.ru/preview) - Один из крупнейших телекоммов
:book: **Дополнительные ссылки и материалы:**
1. [](https://habr.com/ru/company/rostelecom/blog/522596/) [Свободы и ограничения дизайн-систем](https://habr.com/ru/company/rostelecom/blog/522596/)
---
## [](https://www.sberbank.ru/) [Сбербанк](https://www.sberbank.ru/)
[](https://www.sberbank.ru/design)
**Название ДС:** [Ссылка](https://www.sberbank.ru/design)
:book: **Дополнительные ссылки и материалы:**
1. [](https://www.youtube.com/watch?v=5vI1mA-fswM) [Сбер – зачем дизайнерам сайт о дизайне. Ярослав Сизов (maildesignfriends)](https://www.youtube.com/watch?v=5vI1mA-fswM)
1. [](https://www.youtube.com/watch?v=pq9dYUGl2EA) [Сбер × AIC](https://www.youtube.com/watch?v=pq9dYUGl2EA)
---
## [](https://www.tinkoff.ru/) [Тинькофф](https://www.tinkoff.ru/)
[](https://taiga-ui.dev/)
**Название ДС:** [Taiga UI](https://taiga-ui.dev/)
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/TinkoffCreditSystems/taiga-ui) [Taiga UI](https://github.com/TinkoffCreditSystems/taiga-ui) - библиотека компонентов
1. [](https://habr.com/ru/company/tinkoff/blog/326782/) [Создание Tinkoff Design System. Первые шаги](https://habr.com/ru/company/tinkoff/blog/326782/)
1. [](https://habr.com/ru/company/tinkoff/blog/337922/) [Проблемы React UI Kit-а и единой дизайн-системы, о которых вы не знали](https://habr.com/ru/company/tinkoff/blog/337922/)
1. [](https://habr.com/ru/company/tinkoff/blog/339660/) [Создание Tinkoff Design System. UI Kit, версионирование и витрина компонентов](https://habr.com/ru/company/tinkoff/blog/339660/)
1. [](https://www.youtube.com/watch?v=TiarpReoCAU) [Команда Tinkoff – Есть ли дизайн в Тинькофф?](https://www.youtube.com/watch?v=TiarpReoCAU)
1. [](https://www.youtube.com/watch?v=Jmfa1pCg5a4) [Дизайн-система Tinkoff.ru / Никита Прилепский (Tinkoff.ru)](https://www.youtube.com/watch?v=Jmfa1pCg5a4)
1. [](https://www.youtube.com/watch?v=0cL1KebEi4Y) [Дизайн-команда Тинькофф Инвестиции](https://www.youtube.com/watch?v=0cL1KebEi4Y)
---
## [](https://yandex.ru/) [Яндекс](https://www.yandex.ru/)
[](https://ru.bem.info/)
**Название ДС:** [БЭМ](https://ru.bem.info/) - Платформа от создателей БЭМ для унификации продуктов компании
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/bemdesign) [BEM](https://github.com/bemdesign) - библиотека компонентов
1. [](https://habr.com/ru/company/yoomoney/blog/341028/) [Прототипирование на продакшн-технологиях](https://habr.com/ru/company/yoomoney/blog/341028/)
1. [](https://habr.com/ru/company/yandex/blog/276035/) [БЭМ-методология: с чего всё начиналось и зачем это всё нужно](https://habr.com/ru/company/yandex/blog/276035/)
1. [БЭМ](https://yandex.ru/dev/bem/)
---
## [](https://www.b2b-center.ru) [B2B-Center](https://www.b2b-center.ru)
[](https://cds.b2b-center.ru/)
**Название ДС:** [Central Design System](https://cds.b2b-center.ru/) - Отечественная площадка торгов для бизнеса
---
## [](https://www.delivery-club.ru/moscow) [Delivery Club](https://www.delivery-club.ru/moscow)
[](http://delivery-club.design/)
**Название ДС:** [Walrus Kit](http://delivery-club.design/)
:book: **Дополнительные ссылки и материалы:**
1. [](https://www.youtube.com/watch?v=FqQaV0A6GGc) [Реализуем работу со шрифтами для дизайн-системы | Скринкасты | Delivery Club | #1](https://www.youtube.com/watch?v=FqQaV0A6GGc)
---
## [](https://discord.com/) [Discord](https://discord.com/)
[](https://discord.com/brand-new/branding)
**Название ДС:** [Ссылка](https://discord.com/brand-new/branding)
:book: **Дополнительные ссылки и материалы:**
1. [Новый облик к нашему 6-му дню рождения](https://support.discord.com/hc/ru/articles/1500009438682-Новый-облик-к-нашему-6-му-дню-рождения)
---
## [](https://www.ivi.ru/) [IVI](https://www.ivi.ru/)
[](https://design.ivi.ru/)
**Название ДС:** [Ссылка](https://design.ivi.ru/) - Кросплатформенная версия дизайн-системы от команды онлайн-кинотеатра
:book: **Дополнительные ссылки и материалы:**
1. [](https://design.ivi.ru/links/) [Статьи и доклады](https://design.ivi.ru/links/)
---
## [](https://mail.ru/) [Mail.Ru Group](https://mail.ru/)
[](https://design.mail.ru/)
**Название ДС:** [Paradigm](https://design.mail.ru/) - Портальная дизайн-команда постепенно унифицирует продукты
:book: **Дополнительные ссылки и материалы:**
1. [](https://jvetrau.com/uxstrategy-1/) [UX-стратегия на практике. Часть 1 — Фреймворк](https://jvetrau.com/uxstrategy-1/)
1. [](https://jvetrau.com/uxstrategy-2/) [UX-стратегия на практике. Часть 2 — Продуктовый дизайнер](https://jvetrau.com/uxstrategy-2/)
1. [](https://jvetrau.com/uxstrategy-3/) [UX-стратегия на практике. Часть 3 — Платформенное мышление](https://jvetrau.com/uxstrategy-3/)
1. [](https://jvetrau.com/unification-1/) [Унификация дизайна: Фреймворк Mail.Ru Group для мобильного веба](https://jvetrau.com/unification-1/)
1. [](https://habr.com/ru/company/mailru/blog/333510/) [Paradigm — дизайн-система Mail.Ru Group, часть 1: визуальный язык](https://habr.com/ru/company/mailru/blog/333510/)
1. [](https://www.youtube.com/watch?v=wocb6FHZ0Bw) [Зубанов Костя – Развитие дизайн-системы Mail.ru Paradigm](https://www.youtube.com/watch?v=wocb6FHZ0Bw)
1. [](https://vc.ru/design/250151-paradigm-2-0-kak-my-pereosmyslili-dizayn-sistemu-mail-ru) [Paradigm 2.0 — как мы переосмыслили дизайн-систему Mail.ru](https://vc.ru/design/250151-paradigm-2-0-kak-my-pereosmyslili-dizayn-sistemu-mail-ru)
---
## [](https://www.ozon.ru/) [Ozon](https://www.ozon.ru/)
[](https://corp.ozon.ru/mediakit)
**Название ДС:** [Mediakit](https://corp.ozon.ru/mediakit)
:book: **Дополнительные ссылки и материалы:**
1. [](https://www.youtube.com/watch?v=RYQyA4VmnJo) [Быстрый запуск фичей с Server Driven UI | Александр Свиридов, Ozon](https://www.youtube.com/watch?v=RYQyA4VmnJo)
1. [](https://www.youtube.com/watch?v=NguVmJ3HyrA) [Backend-Driven UI – Алексей Новиков](https://www.youtube.com/watch?v=NguVmJ3HyrA)
---
## [](https://rambler.ru/) [Rambler Group](https://www.rambler.ru/)
[](https://ui-kit.rambler.ru)
**Название ДС:** [Ratio](https://ui-kit.rambler.ru) - Дизайн-команда одного из крупнейших отечественных порталов
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/rambler-digital-solutions/rambler-ui) [Rambler UI](https://github.com/rambler-digital-solutions/rambler-ui) - библиотека компонентов
1. [](https://brand.rambler.ru/) [Бренд Рамблера](https://brand.rambler.ru/)
1. [](https://vc.ru/design/28213-razrabotka-edinoy-dizayn-sistemy-opyt-ramblera) [Разработка единой дизайн-системы — опыт «Рамблера»](https://vc.ru/design/28213-razrabotka-edinoy-dizayn-sistemy-opyt-ramblera)
---
## [](https://ru.semrush.com/) [Semrush](https://ru.semrush.com/)
[](https://i.semrush.com/)
**Название ДС:** [Intergalactic](https://i.semrush.com/) - Глобальная онлайн-платформа для интернет-маркетологов
:book: **Дополнительные ссылки и материалы:**
1. [](https://github.com/semrush/intergalactic) [Intergalactic](https://github.com/semrush/intergalactic) - библиотека компонентов
1. [](https://www.figma.com/@semrush) [Semrush в Figma](https://www.figma.com/@semrush)
1. [](https://www.youtube.com/watch?v=RFSeAIM7HM8) [Юлия Мнижек - Не кричи на меня! Как успокоить интерфейс? | GeekPicnic 2019 | HARD IT](https://www.youtube.com/watch?v=RFSeAIM7HM8)
1. [](https://www.youtube.com/watch?v=CoN82sBhCqQ) [О дизайн-системе Семраш с Антоном Дуканичем](https://www.youtube.com/watch?v=CoN82sBhCqQ)
1. [](https://vc.ru/semrush/239438-kak-pereehat-so-sketch-na-figma-opyt-semrush) [Как переехать со Sketch на Figma. Опыт Semrush](https://vc.ru/semrush/239438-kak-pereehat-so-sketch-na-figma-opyt-semrush)
---
## [](https://qiwi.com/) [QIWI](https://qiwi.com/)
[](http://qiwiguide.ru/)
**Название ДС:** [QIWI Guide](http://qiwiguide.ru/)
:book: **Дополнительные ссылки и материалы:**
1. [](https://habr.com/ru/company/qiwi/blog/433780/) [Переход от UI-кита к дизайн-системе в QIWI](https://habr.com/ru/company/qiwi/blog/433780/)
---
## Контрибьюторы
[Содержание](#содержание)
Этот проект существует благодаря всем людям, которые вносят свой вклад:
[](https://github.com/unchase/awesome-russian-design-systems/graphs/contributors)
Если у вас есть желание помочь с наполнением или актуализацией этого репозитория, пожалуйста, ознакомьтесь с информацией в файле [CONTRIBUTING.md](CONTRIBUTING.md).
---
> Автор: [Николай Чеботов (**Unchase**)](https://github.com/unchase) [](http://medium.com/@unchase) [](http://dev.to/unchase) [](https://habr.com/ru/users/unchase/)
Это произведение доступно по лицензии Creative Commons «Attribution» («Атрибуция») 4.0 Всемирная.