Tailwind CSS v4 против MUI, Ant Design и Styled Components: архитектурный разбор

В 2026 году выбор инструмента для стилизации — это не вопрос вкуса, а вопрос архитектуры. Мы разберём, где Tailwind CSS v4 выигрывает у признанных лидеров: компонентных библиотек (MUI, Ant Design) и CSS-in-JS решений (Styled Components).

https://habr.com/ru/articles/1006248/

#Tailwind_CSS #CSS #Frontend #Design_System #React #Styled_Components #Верстка #Архитектура #Микрофронтенды #Figma

Tailwind CSS v4 против MUI, Ant Design и Styled Components: архитектурный разбор

Tailwind CSS VS MUI, Ant Design и Styled Components В 2026 году выбор инструмента для стилизации — это не вопрос вкуса, а вопрос архитектуры. Мы разберём, где Tailwind CSS v4 выигрывает у признанных...

Хабр

Создаем UI-Kit на React: пошаговое руководство по настройке

Привет, Хабр. Я Сергей Осипов, архитектор дизайн‑системы в T2. Вместе с моим коллегой, Данилом — экспертом группы разработки — мы подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации. Интересно? Переходите под кат!

https://habr.com/ru/companies/t2/articles/974508/

#дизайнсистема #storybook #typescript #javascript #дизайн #css #webразработка #webдизайн #design_system #frontendразработка

Создаем UI-Kit на React: пошаговое руководство по настройке

В этой статье мы подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Мы настроим полный цикл разработки: сборку,...

Хабр

UI Kit как рычаг роста: как связать Figma и код

Как превратить UI Kit из дизайнерского артефакта в живую систему, где обновление стиля в Figma автоматически обновляет код на Android. В статье — наш путь от ручного копирования палитр до генерации типобезопасных токенов через KotlinPoet, Gradle-плагины и Figma JSON. Расскажу, как бизнес получает скорость и консистентность, как темная тема перестаёт быть болью, и почему iOS может безболезненно присоединиться к этой архитектуре.

https://habr.com/ru/articles/956130/

#ui_kit #design_system #android #kotlin_multiplatform #kotlin

UI Kit как рычаг роста: как связать Figma и код

Что такое UI Kit и зачем он вообще нужен UI Kit — это библиотека визуальных компонентов и стилей продукта: цвета, шрифты, отступы, кнопки, карточки и т.д. Его основная цель — сделать интерфейс единым...

Хабр

Как «помыть банковского слона»: системный подход к UI/UX в финтехе

В финансовой сфере дизайн — это не только про красивый визуал Каждый неудачный экран, каждая неочевидная форма или лишний клик обходятся компании реальными денежными потерями: дополнительными часами поддержки, затянувшимися доработками и упущенными клиентами. В этой статье разберемся, как системный подход, работа на стыке аналитики и фронтенда и современные инструменты помогают не утонуть в рутине – и пока все внедряют фичи, дизайнер сохраняет целостность пользовательского опыта при пользовании глобальными банковскими продуктами. Узнать «как помыть слона»

https://habr.com/ru/companies/sovcombank_technologies/articles/937450/

#дизайн_система #design_system #ui_ux #ui_ux_design #fintech #интерфейсы #flow

Как «помыть банковского слона»: системный подход к UI/UX в финтехе

Привет, Хабр! Меня зовут Катя, я UI/UX-дизайнер внутрикорпоративных сервисов в компании «Совкомбанк Технологии». В финансовой сфере дизайн — это не только про красивый визуал. Каждый неудачный экран,...

Хабр

Индикация клика на стероидах в Compose: пишем свою IndicationNodeFactory

При работе с Jetpack Compose разработчики часто не замечают, как элементы Material и Material 3 дизайн систем вплетаются в их код. Один из таких элементов - это индикация клика, реализованная в Material как круги на воде (англ. ripple effect). В этой статье мы разберем, в чем недостатки дефолтной реализации риппл-эффекта в Compose и как сделать свою.

https://habr.com/ru/articles/914506/

#compose #compose_multiplatform #jetpack_compose #material_design #design_system

Индикация клика на стероидах в Compose: пишем свою IndicationNodeFactory

При работе с Jetpack Compose и Compose Multiplatform разработчики часто не замечают, как элементы Material и Material 3 дизайн-систем вплетаются в их код. Один из таких элементов - это индикация...

Хабр

Как я написать плагин для Figma, не написав ни строчки кода

Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать

https://habr.com/ru/articles/898972/

#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть

Как я написать плагин для Figma, не написав ни строчки кода

TL;DR: Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё...

Хабр

Как мы сделали дизайн-систему для мобильных устройств и TV

Привет, Хабр! Меня зовут Вячеслав Таранников, я ведущий Android-разработчик в RuStore, и сегодня расскажу о нашей дизайн-системе, разобрав две ключевые темы: токены и компоненты. Эта статья основана на моем совместном докладе с Дмитрием Смирновым, руководителем команды разработки, — « Как мы создали дизайн-систему для мобильных устройств и ТV на Jetpack Compose ». Мы представили его на митапе «Coffee&Code ✕ RuStore | TechBrew» и теперь делимся основными идеями с вами.

https://habr.com/ru/companies/vk/articles/896134/

#ui #design_system #дизайн_система

Как мы сделали дизайн-систему для мобильных устройств и TV

Привет, Хабр! Меня зовут Вячеслав Таранников, я ведущий Android-разработчик в RuStore, и сегодня расскажу о нашей дизайн-системе, разобрав две ключевые темы: токены и компоненты. Эта статья основана...

Хабр

Основные принципы создания иконок

Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇

https://habr.com/ru/companies/otpbank/articles/894162/

#icons #design_system #product #design #иконки #ux_ui #ux_ui_дизайн

Основные принципы создания иконок

Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных...

Хабр

«Да будет свет!», — подумали мы. И стал свет. Краткая история обучения нейросветодизайнера нейросветодизайну

Давным-давно, скажем, этим летом, нас посетила удачная мысль включить повсюду свет и озарить ночные города. Так родился проект по обучению нейросети сложному искусству светодизайна. Разумеется, мы были не первыми, кто до этого додумался, но поскольку бум ИИ удачно наложился на развитие инфраструктуры и появление новых зданий в разных городах РФ (а еще осень, темно, холодно) – было решено взяться за дело. Светодизайн зданий – сложная область, которая удачно сочетает в себе архитектурное проектирование, инженерные достижения, дизайн и человеческий гений. В помощь последнему мы решили добавить искусственный интеллект. Оказалось, что после долгих тренировок он способен:

https://habr.com/ru/articles/853552/

#ml #stablediffusion #design_system #нейросети

«Да будет свет!», — подумали мы. И стал свет. Краткая история обучения нейросветодизайнера нейросветодизайну

Давным-давно, скажем, этим летом, нас посетила удачная мысль включить повсюду свет и озарить ночные города. Так родился проект по обучению нейросети сложному искусству светодизайна.   ...

Хабр
Show HN: MynaUI Icons – 1180 Beautifully Crafted Open Source Icons
https://mynaui.com/icons
#ycombinator #figma #tailwindcss #design_system #ui_kit
MynaUI Icons - MynaUI - Made with TailwindCSS, shadcn/ui, Radix UI and Figma

Beautifully crafted open source icons for your next project.

MynaUI