🚀 Превращаем Фигма макеты в живое приложение без кода
Фёдор из 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;
– Почему навыки вайб-кодинга скоро станут обязательными для дизайнеров.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы










