Figma：Claude быстро превращает концепции в код, за один день можно создать сайт

Figma 的 инженеры заявили, что до появления Anthropic модели ИИ явно страдали от отсутствия дизайнерского вкуса и индивидуальности. Вы позволяете им генерировать дизайн, и результат зачастую бывает однообразным. Claude позволяет Figma иметь модель ИИ с дизайнерским вкусом, упрощая множество коммуникаций и процессов редактирования. Как сказал Джон Хенри, SaaS-программы и ИИ не являются врагами, а скорее помогают рабочим командам более эффективно выполнять свою работу.

Figma через генерацию приложений на естественном языке

Менеджер продукта Figma Алекс Мулланс отметил, что в традиционных рабочих процессах дизайна после сдачи проекта часто возникают отклонения от первоначальной идеи из-за ограничений реализации. Интеграция генерации дизайна и кода на одной платформе позволяет командам постоянно сохранять контроль над дизайнерским замыслом в процессе разработки, снижая издержки на повторные коммуникации. Используя Claude для командной работы с естественным языком, дизайнеры экономят много времени, превращая статичный дизайн в интерактивные прототипы или приложения, сокращая путь от концепции к проверке.

Claude поддерживает Figma Make, позволяя пользователям быстро создавать работоспособные интерактивные прототипы или приложения без написания кода. Дизайнеры, разработчики и менеджеры продукта могут за несколько минут выполнить задачи, на которые раньше уходило много времени, автоматизируя повторяющиеся и сложные процессы. Figma отмечает, что такой подход позволяет командам больше времени уделять исследованию различных направлений дизайна и идей продукта, а также дает членам без дизайнерского опыта визуальные инструменты для выражения своих идей, расширяя участие в процессе проектирования.

Создание сайта за один день с Claude

При выборе модели искусственного интеллекта Figma ориентируется на баланс между качеством кода, пониманием дизайнерского замысла и скоростью выполнения. Мулланс отметил, что Claude показывает стабильные результаты в многочисленных оценках, сочетая точность и потребности пользователей. Команда Figma также подчеркнула, что благодаря чувству дизайна Claude генерируемые результаты не только функциональны, но и соответствуют эстетике. Менеджер продукта Figma Make Холли Ли поделилась, что она потратила около 30 часов на самостоятельное изучение React для создания сайта, а с помощью Claude смогла за один день завершить рефакторинг кода и расширение функциональности.

Холли Ли отметила, что каждое обновление Claude приносит значительные улучшения: теперь достаточно одного подсказки, чтобы создать красивый дизайн с градиентами, разнообразными шрифтами и изящными анимациями. Даже дизайнеры внутри команды Figma говорят: «Claude — это потрясающе, я даже плакать хочу от восторга».

Claude — революция в управлении программами с помощью естественного языка

Figma интегрировала Claude в два продукта — «Figma Sites» и «Figma Make», позволяя превращать идеи в дизайн с помощью кода. Дизайнеры могут добавлять интерактивность в существующие проекты в Figma Sites с помощью естественного языка, например, «добавить эффект наклона при наведении мыши», и Claude быстро сгенерирует качественный код, сохраняя детали оригинального дизайна.

Figma Make позволяет создавать интерактивные прототипы или приложения на основе текстовых описаний или существующих файлов Figma. Можно начать с нуля или использовать уже созданные дизайны в Figma, вводя описание требований или копируя точные модели, созданные в Figma, чтобы Claude преобразовал их в полноценные прототипы с сложной логикой и анимациями.

Искусственный интеллект меняет работу художников-дизайнеров: с помощью простых подсказок можно создавать интерактивные опыты, а команды дизайнеров и разработчиков больше не нуждаются в ручной сборке прототипов или написании большого количества кода. Это решение решает проблему сложной коммуникации между дизайнерами и инженерами.

Эта статья Figma: Claude быстро превращает концепции в код, и за один день можно создать сайт, впервые опубликована на ABMedia.