Как превращать дизайнерские требования в архитектуру UI-компонента

08.04.2026 12:06:45 | Хабр

Хабы: Блог компании МойСклад, Дизайн, Интерфейсы

Привет! Меня зовут Даниил Замешаев, я frontend-разработчик в компании МойСклад, и в том числе занимаюсь развитием внутреннего UIKIT компании.

В этой статье я расскажу про подход к анализу дизайнерских требований для frontend-разработчиков. На примере реального кейса я хочу поговорить о двух практических вещах:

- как анализировать дизайнерские требования так, чтобы на выходе получать понятные технические требования, пригодные для реализации;

- как решать, какие из получившихся требований можно оставить декларативными (через типизацию), а какими лучше управлять в рантайме.

В основном я буду говорить про UIKIT и компоненты дизайн-системы, но сами принципы применимы к любым макетам и требованиям от дизайнеров, аналитиков и продактов.

Подробнее

Читайте также

Задача внешней баллистики. Третья часть
08.04.2026 12:00:25 | Хабр

Четыре необычных смартфона (и одни умные часы) 2026 года
08.04.2026 12:00:10 | Хабр

Мейнтейнеры Linux: «ИИ стал находить реальные уязвимости»
08.04.2026 11:53:17 | Хабр

ZTE выпустила 27-дюймовый умный экран на колёсиках
08.04.2026 11:47:17 | ferra.ru

OpenClaw и память без амнезии: что выбрать между Lossless Claw, OpenViking, ByteRover, MemPalace и LLM Wiki
08.04.2026 11:46:15 | Хабр

[Перевод] Программирование как построение теории: почему ИИ-агенты усложняют понимание кода
08.04.2026 11:45:07 | Хабр

Банки тестируют видеосвязь как инструмент работы с новыми клиентами
08.04.2026 11:41:21 | it-world

«Проблема OpenAI — сам Сэм»: The New Yorker опубликовало «досье» Альтмана с историями о лжи и пренебрежении безопасностью ChatGPT
08.04.2026 11:37:42 | vc.ru

Как мы создали новый тестовый фреймворк, адаптируемый к росту проектов
08.04.2026 11:37:08 | Хабр

ИИ-агенты в Telegram: почему мессенджер становится их главной средой
08.04.2026 11:33:36 | Хабр

NYT: Сатоши Накамото – это на самом деле британский криптограф Адам Бэк
08.04.2026 11:26:39 | Хабр

ЦБ запланировал разрешить банкам заключать договоры с новыми клиентами по видеосвязи — без личной встречи
08.04.2026 11:25:15 | vc.ru

GitLab как доказательство в суде. Как история коммитов помогла разработчику не вернуть 2,7 млн рублей
08.04.2026 11:25:13 | Хабр

Дырявим mikrotik hap ac2
08.04.2026 11:16:00 | Хабр

В МИФИ создали двигатель OLGA для малых спутников на «сухой воде»
08.04.2026 11:10:00 | ferra.ru

В М.Видео теперь можно купить шины
08.04.2026 11:00:00 | ferra.ru

Цены на отечественное ПО растут быстрее ожиданий рынка и бизнеса
08.04.2026 10:58:56 | it-world

Как дизайн‑токены ускорили дизайн‑код в VK Tech
08.04.2026 10:58:03 | Хабр

Меня зовут Рурик. Я AI-агент, и у меня проблема с памятью
08.04.2026 10:57:28 | Хабр

Мультиагентная система без LangChain: почему абстракции ломаются и как строить production на чистом Python
08.04.2026 10:45:52 | Хабр

P2P в РФ: почему нужна система, а не протокол
08.04.2026 10:44:50 | Хабр

UnionPay: в каких странах работает в 2026 году (список всё меньше)
08.04.2026 10:42:16 | Хабр

Основы безопасности веб-приложений для бизнеса
08.04.2026 10:39:49 | Хабр

Прокси MTProto | Обход ограничения на зарубежный трафик
08.04.2026 10:35:11 | Хабр

Зачем вообще нужен Гегель и его диалектика в эпоху квантовой неопределенности?
08.04.2026 10:30:47 | Хабр

Обновления функциональности GigaIDE за март 2026
08.04.2026 10:22:04 | Хабр

Обзор Platformeco
08.04.2026 10:17:54 | Хабр

Расширение политик фильтрации трафика в Cilium
08.04.2026 09:48:31 | Хабр

1500 откликов за 30 дней — эксперимент. День 7
08.04.2026 09:48:29 | Хабр

«Не претендую ни на один доллар»: Илон Маск изменил требования в иске к OpenAI на $150 млрд — в случае его победы деньги должны передать некоммерческой структуре разработчика ChatGPT
08.04.2026 09:47:50 | vc.ru

В Google Chrome добавили режим вертикального отображения вкладок
08.04.2026 09:47:31 | vc.ru

Северокорейские хакеры готовили недавнюю крупную атаку на Axios несколько недель
08.04.2026 09:47:23 | ferra.ru

GTA — это не просто игра, а социально-культурный феномен
08.04.2026 09:45:16 | Хабр

Мертвые базы и живые деньги: как даркнет перепродает ваши данные годами
08.04.2026 09:45:05 | Хабр

Как мы оптимизировали компоненты во фронтенде: работа с версиями и оптимизация процессов
08.04.2026 09:38:13 | Хабр

Смотреть все

НОВОСТИ

Активист, обвинивший Пашиняна в коррупции, арестован
21.05.2026 10:27:24 | Life.ru

«Куда бежать? Кто всё организует?» Жители Литвы в ужасе от плохой эвакуации из-за дрона ВСУ
21.05.2026 10:26:11 | Life.ru

11-месячная девочка из России подхватила сальмонеллёз в игровой комнате в Турции
21.05.2026 10:23:52 | Life.ru

В центрах реабилитации Соцфонда прошли лечение более 8 тыс. бойцов СВО
21.05.2026 10:23:06 | ТАСС

Матвиенко и делегация СФ принимают участие в МПА СНГ
21.05.2026 10:22:27 | ТАСС

Мирошник: Запад пожертвует Прибалтикой, Финляндией, Польшей и Румынией
21.05.2026 10:21:53 | ТАСС

На рынке новостроек Москвы число сделок с привлечением ипотеки снизилось почти вдвое
21.05.2026 10:19:36 | ТАСС

NVIDIA сообщила о рекордной выручке по итогам первого квартала
21.05.2026 10:18:46 | ТАСС

Петарда взорвалась прямо на уроке в Пермском крае, пострадали три пятиклассника
21.05.2026 10:17:39 | Life.ru

КНР заявила о готовности укреплять взаимовыгодное сотрудничество с РФ в энергетике
21.05.2026 10:17:30 | ТАСС

МО в последний день ядерных учений показало кадры марша "Ярсов" и вылеты МиГ-31
21.05.2026 10:16:14 | ТАСС

Поиски ведутся в лесном массиве. В Тульской области пропала девочка
21.05.2026 10:15:53 | ТАСС

Китай готов приложить все усилия для реализации договоренностей Путина и Си Цзиньпина
21.05.2026 10:15:40 | ТАСС

Чем пахнут рынки: политические риски и их последствия для экономики
21.05.2026 10:15:01 | ТАСС

Ковальчука избрали президентом Союза развития наукоградов РФ
21.05.2026 10:14:43 | ТАСС

Правоохранители заинтересовались рехаб-центром Пьехи с проживанием за 180 тысяч в месяц
21.05.2026 10:14:33 | Lenta.ru

Экс-полицейского в Красноярске осудили за продажу красивых номеров
21.05.2026 10:14:29 | ТАСС

Осужденный за терроризм Балог решился на поджоги в российском регионе
21.05.2026 10:13:34 | Lenta.ru

МИД КНР: Путин и Си Цзиньпин достигли важного консенсуса
21.05.2026 10:13:12 | ТАСС

Япония в апреле почти прекратила импорт СПГ с Ближнего Востока
21.05.2026 10:12:19 | ТАСС

В Пермском крае три школьника получили ожоги из-за взрыва петарды в школе
21.05.2026 10:12:16 | ТАСС

Чистая прибыль МТС банка по МСФО в I квартале выросла в 2,6 раза
21.05.2026 10:11:48 | ТАСС

В баскетбольной Евролиге высказались на тему возвращения российских команд
21.05.2026 10:11:12 | ТАСС

Энергодар столкнулся с перебоями в электроснабжении из-за повреждений за городом
21.05.2026 10:10:09 | Life.ru

"Мегафон" рекомендовал выплатить дивиденды за I квартал в размере 15,74 рублей
21.05.2026 10:09:24 | ТАСС

В "Кион Строки" назвали самые читаемые зарубежные книги среди россиян
21.05.2026 10:09:16 | ТАСС

В Марганце на Украине начался хаос после побега госслужб из-за приближения ВС РФ
21.05.2026 10:09:00 | Российская Газета

«Национальный прагматизм»: Как изменятся отношения Болгарии и России с приходом Радева
21.05.2026 10:08:53 | Life.ru

В Оренбурге установили выплату за поврежденное из-за атаки БПЛА жилье
21.05.2026 10:08:49 | ТАСС

В Москве задержали подростка, вырвавшего у женщины сумку с деньгами
21.05.2026 10:08:33 | ТАСС

Осуждённый за терроризм украинец хотел поджечь технику в частях ПВО Подмосковья
21.05.2026 10:08:11 | Life.ru

В Госдуме отреагировали на заявление Зеленского о плане ударов по России
21.05.2026 10:07:53 | Lenta.ru

Свердловчане собрали для находящихся в госпиталях бойцов СВО более 400 рюкзаков
21.05.2026 10:06:40 | ТАСС

Володин поздравил полярников с профессиональным праздником
21.05.2026 10:06:17 | ТАСС

Популярная российская стримерша попала в базу «Миротворца»
21.05.2026 10:05:30 | Lenta.ru

Все новости

ВСЕ НОВОСТИ

ПИШИТЕ

Техническая поддержка проекта ВсеТут

info@vsetut.pro