PUKSEL — безумцы из Crauch выпустили свой UI-kit для общего пользования

Работа над цифровыми продуктами — это всегда баланс между скоростью и качеством. В идеальном мире дизайнеры быстро создают интерфейсы, тестируют их, передают в разработку, а команда разработки без проблем интегрирует макеты в код. Но в реальности все сложнее: правки, пересогласования, разные подходы к верстке, несогласованные UI-решения, из-за которых теряется консистентность.

UI-kit помогает решить эти проблемы. Это библиотека готовых компонентов, которые можно использовать при создании интерфейсов. Он упрощает процесс проектирования, делает дизайн более единообразным и ускоряет передачу макетов в разработку. Благодаря этому команда может:

• Сократить время на онбординг — новый проект начинается не с поисков решений, а с работы над задачами.

• Быстрее проектировать — все компоненты уже унифицированы, интерфейс выглядит цельно, клиенту проще в нем ориентироваться.

• Стабильно передавать макеты в разработку — все состояния, размеры, варианты компонентов уже прописаны, разработчикам не нужно додумывать.

• Масштабировать дизайн без потери качества — UI-kit позволяет адаптировать интерфейсы под разные платформы, сохраняя стилистику и UX.

Все это сокращает time-to-market продукта: команды тратят меньше времени на рутину и быстрее выходят на рынок.

Мы сделали свой UI-kit — PUKSEL

Мы знаем, как сложно работать без системного подхода к дизайну. До этого собирали UI-kit’ы под каждый проект, но это требовало ресурсов — несколько итераций доработок, тестирования и улучшений. Решили автоматизировать процесс и собрали универсальный UI-kit, которым теперь готовы делиться.

PUKSEL v0.5 — это:

• 23 компонента и 565 вариантов, собранных по принципам атомарного дизайна.
• Три цветовые темы — светлая, темная, грейскейл.
• Гибкие настройки — все параметры можно кастомизировать под конкретные задачи.
• Готовность к масштабированию — можно расширять и превращать в полноценную дизайн-систему.

Мы уже используем PUKSEL в коммерческих проектах и будем его дорабатывать, поддерживать актуальность и развивать. Теперь делимся с вами — берите, тестируйте, кастомизируйте под свои задачи и отправляйте тем, чей дизайнерский день он скрасит.

🔗 Забрать PUKSEL в комьюнити.