🖌️ Как работать с дизайн-системами в Open Design?

Open Design — открытая альтернатива Claude Design и Figma, но у него есть нюанс: платформа не умеет создавать дизайн-системы с нуля и плохо справляется с вытягиванием дизайна из Figma. Поэтому на практике есть два рабочих способа. Первый — сначала сделать дизайн-систему в Claude Design на основе макета из Figma, экспортировать её в ZIP-архив и уже этот файл загрузить в Open Design. Второй способ — создать свою собственную дизайн-систему из уже существующего проекта: для этого нужно создать новый проект в Open Design, выбрать опцию импорта, указать ссылку на папку с кодом и попросить платформу проанализировать содержимое. При этом Open Design может вытащить не только HTML-код, но и Markdown-разметку или токены, если вы используете файл DESIGN.md. Главная цель — получить готовую, структурированную дизайн-систему, чтобы в будущем переиспользовать её для создания более качественных и консистентных макетов. Подробный разбор всех возможностей — по ссылке под шортсом. #designsystem #opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui

Иконка канала PurpleSchool
455 подписчиков
12+
97 просмотров
день назад
12+
97 просмотров
день назад

Open Design — открытая альтернатива Claude Design и Figma, но у него есть нюанс: платформа не умеет создавать дизайн-системы с нуля и плохо справляется с вытягиванием дизайна из Figma. Поэтому на практике есть два рабочих способа. Первый — сначала сделать дизайн-систему в Claude Design на основе макета из Figma, экспортировать её в ZIP-архив и уже этот файл загрузить в Open Design. Второй способ — создать свою собственную дизайн-систему из уже существующего проекта: для этого нужно создать новый проект в Open Design, выбрать опцию импорта, указать ссылку на папку с кодом и попросить платформу проанализировать содержимое. При этом Open Design может вытащить не только HTML-код, но и Markdown-разметку или токены, если вы используете файл DESIGN.md. Главная цель — получить готовую, структурированную дизайн-систему, чтобы в будущем переиспользовать её для создания более качественных и консистентных макетов. Подробный разбор всех возможностей — по ссылке под шортсом. #designsystem #opendesign #claudedesign #aidesign #aitools #designtools #ai #design #ui

, чтобы оставлять комментарии