Библиотеки компонентов и дизайн-системы
Используйте встроенные библиотеки Figma и React или принесите в проект свои компоненты.
Обновлено:
Встроенные библиотеки
В UXMagic есть две библиотеки, которые можно листать прямо во время работы:
- Библиотека компонентов Figma — компоненты, готовые к переносу в файл Figma.
- Библиотека компонентов React — компоненты кода по тем же паттернам.
Обе разложены по категориям, и у каждого компонента есть варианты.
Своя дизайн-система
Импортируйте свои компоненты Figma или дизайн-систему в проект, чтобы сгенерированные экраны использовали ваши компоненты, а не типовые. См. Импорт из Figma.
После импорта называйте их по имени:
Используй наши компоненты Button и Card для тарифов.
Как удержать сгенерированные экраны внутри системы
Две вещи делают почти всю работу:
- Тема, соответствующая вашему бренду, чтобы цвета и шрифты были верными по умолчанию. См. Темы и гайдлайны.
- Явные указания, когда ИИ начинает импровизировать: «Используй только компоненты из нашей импортированной библиотеки».
На тарифе Enterprise
Тарифы Enterprise включают общую дизайн-систему и библиотеку компонентов на всю команду, чтобы сгенерированные экраны у всех начинались с одних и тех же компонентов.
Была ли статья полезной?
Похожие статьи
Импорт из Figma
Перенесите готовый фрейм Figma в UXMagic и продолжайте править его с ИИ.
Темы и гайдлайны
Как устроена тема проекта, как менять её безопасно и почему цвета нельзя править по экранам.
Экспорт кода (HTML, React, Tailwind)
Выгрузите один экран или весь проект как готовый к продакшену фронтенд-код.