У нас вы можете посмотреть бесплатно Сайт с документацией по моей системе проектирования, созданный с помощью ИИ (Figma MCP + Cursor) или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
В этом видео я подробно разбираю весь рабочий процесс с использованием Figma MCP, Cursor и автоматизации на базе ИИ для создания сайта документации по дизайн-системе с нуля, включая структуру, компоненты, доступность, руководства по использованию и готовую к использованию документацию. От дизайнеров ожидается создание документации, которая будет охватывать продукт, разработку и доступность. Большинство испытывает трудности, потому что это занимает много времени и неясно, с чего начать. Этот рабочий процесс даёт вам воспроизводимую систему на базе ИИ, которую можно использовать в таких инструментах, как ZeroHeight или Supernova. 🔗 КЛЮЧЕВЫЕ ССЫЛКИ 📣 ПРИСОЕДИНЯЙТЕСЬ К СООБЩЕСТВУ: https://uicollective.co/ ❓ Зачем вступать в UI Collective Academy? Получите доступ к премиум-курсам, премиум-загрузкам и многому другому в будущем (я в основном разрабатываю его в одиночку... стараюсь сделать образование в сфере дизайна доступным для всех, и поддержка очень важна!) КАНАЛ МОЕГО ДРУГА АМИРА (ЭКСПЕРТА ПО КУРСОРАМ): Канал: @amirmxt Сообщество Амира: https://buildshipmarket.com/ ↪️ Нужна дизайн-система? (также входит в академию): https://collectivekit.co/ 🔗 ДРУГИЕ ВИДЕО Создание дизайн-системы: • Build a Design System - Full Course Настройка сложной дизайн-системы: • Design System & Figma Variable Set Up - Fu... 🔗 БОЛЬШЕ ССЫЛОК Каталог @Figma MCP: https://www.figma.com/mcp-catalog/ Давайте создадим или исправим вашу дизайн-систему: https://designsystemlabs.co/ [email protected] 0:00 Введение 0:46 Подключение курсора к Figma MCP 3:36 Фоновый контекст 4:37 Почему это важно 5:48 Создание пользовательских правил 6:52 Создание правил проекта 9:56 Уточнение правил проекта с помощью чата GPT 13:04 Создание команд проекта 16:23 Импорт нашего дизайна Токены 17:05 Подготовка ИИ 20:42 Импорт компонентов Figma 21:55 Тестирование конечного результата