🚀 Превращаем Фигма макеты в живое приложение без кода
Фёдор из Notamedia показал способ создания рабочих прототипов мобильных приложений через связку Figma, Cursor, Expo и Git. Главная идея в том, чтобы использовать ИИ-редактор кода Cursor для автоматического превращения макетов в React Native приложение.
Процесс начинается с подготовки макета: все элементы должны иметь понятные названия, чтобы ИИ лучше понимал структуру. Затем через Figma MCP (специальный сервер) Cursor получает доступ к макету и с помощью команды get_code изучает структуру фрейма. После создания базового проекта через npx create-expo-app достаточно скопировать ссылку на фрейм из Figma и отправить в чат Cursor с нужной командой. Результат можно сразу посмотреть на смартфоне через приложение Expo Go, просто отсканировав QR-код.
Внутри: – Зачем нужны «Записи и правила» в настройках Cursor; – Как Git спасает от случайного переписывания кода ИИ-агентом; – Почему важно правильно называть элементы в макете; – Как запустить прототип на любом смартфоне через Expo Go; – Какие команды нужны для сохранения работы через Git; – Почему навыки вайб-кодинга скоро станут обязательными для дизайнеров.
———
💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
В этом посте были ссылки, но мы их удалили по правилам Сетки
