Архитектура
цифрового наследия
Программный интерфейс для интеграции вневременных дизайн-систем. Подключение к Modkit API позволяет автоматизировать вёрстку и синхронизировать дизайн с кодом в реальном времени.
Установка и
инициализация
Начните работу с Modkit за считанные секунды. Мы поддерживаем все современные пакетные менеджеры и модульные сборщики.
Библиотека поставляется в форматах ESM и CommonJS, что обеспечивает нативную совместимость с Webpack, Vite, Rollup и Esbuild.
npm install @modkit/core
yarn add @modkit/core
npx modkit init ./src/styles
Экосистема фреймворков
React Native & Web
Нативные компоненты для React. Поддержка хуков useTheme и useBreakpoint для реактивного управления состоянием интерфейса.
Vue 3 Composition
Полная интеграция с Vue 3. Использование Composition API для создания переиспользуемых логики и стилей в SFC компонентах.
Angular Services
Инъекция стилей через Angular Services. Статически типизированные токены и директивы для управления доступностью.
Генерация кода
из Figma
Устраните разрыв между дизайном и разработкой. Наш плагин анализирует структуру слоев в Figma и генерирует чистый, семантический HTML и CSS код.
- — Автоматическое маппинг переменных Figma в CSS Custom Properties
- — Экспорт Auto Layout в CSS Grid и Flexbox
- — Генерация TypeScript интерфейсов для компонентов
Синхронизация в реальном времени
Готовы писать вневременной код?
Изучите полный API, примеры интеграции и руководство по миграции.
Открыть полную документацию