Figma: Набор инструментов, который перевернет ваш мир, если вы вообще знаете, как им пользоваться

«От идеи до продукта»: Как Figma меняет рабочие процессы с помощью нового набора инструментов
На прошлой неделе в Сан-Франциско платформа дизайна и разработки Figma представила четыре новых инструмента, направленных на то, чтобы предоставить пользователям полный пакет от начала до конца. Figma Make, Figma Sites, Figma Draw и Figma Buzz предлагают командам возможность генерировать и создавать все: от векторных изображений до полноценных веб-сайтов. И, как вы могли ожидать, все они работают с использованием ИИ для более быстрой итерации.

На Config London у меня была возможность подробнее узнать, что представляют собой эти инструменты и как они вписываются в планы Figma по созданию платформы, которая позволит пользователям переходить от идеи к запуску продукта без задержек.

Одна из самых серьезных проблем, с которыми сталкиваются сегодня бизнесы, — это изоляция команд, когда одна рука не знает, что делает другая (или, по крайней мере, у них разные подходы к решению одной и той же задачи).

Учитывая это, Figma выпустила четыре новых инструмента наряду с любимыми Figma Design и FigJam, которые почти полностью устраняют эту проблему.

Юки Ямашита, директор по продуктам Figma, объяснил концепцию нового набора: «Как мы можем помочь вам выполнить все, начиная от идеи и заканчивая финальным продуктом? И все, что вы увидите в будущем, будет основано на этом — на помощи людям пройти этот путь быстрее, исследовать больше идей и сделать этот процесс максимально эффективным».

Figma Make — это универсальный инструмент для идейного контента. Здесь можно начинать с нуля или копировать и вставлять существующие дизайны из Figma Design и сотрудничать с остальной командой (Figma называет это «мультиплеерным» инструментом). Вы можете затем перенести желаемое в другие приложения, такие как Figma Sites, чтобы адаптировать дизайн под продукт.

Интересно, что Figma хочет, чтобы пользователи могли «выбрасывать» свои дизайны. Эффективно, это значит, что вы можете быстро генерировать идеи: если что-то не зашло, просто выбрасываете и начинаете заново.

Во время пресс-бриффинга Ямашита сказал: «Наша мысленная практика заключалась в том, как упростить процесс от идеи до чего-то, что можно быстро показать пользователям и проверить. И если что-то не сработает, это прекрасно. Так вы можете перейти к следующей идее или продолжить итерации с текущей».

Figma Sites — это конструтор веб-сайтов на базе ИИ для комплексного дизайна, прототипирования и публикации. Одна из основных целей — это экономия времени — пространство, где разработчики могут работать над шаблонами, адаптивным дизайном, нестандартными взаимодействиями и анимациями. С помощью сеток и немного помощи от ИИ проектирование адаптивных сайтов выглядит и ощущается легко (при условии, что вы знаете, что делаете).

На Config London мне продемонстрировали забавный пример: простая фраза и три различных способа сделать ее более привлекательной, например, добавление эффекта отталкивания слов при наведении курсора. Однако, как позже отметил Ямашита, есть и практические применения, такие как подключение API к бэкэнду.

Также ожидаются будущие обновления, и Ямашита сказал: «Мы хотели убедиться, что можем поддержать масштабируемые сценарии. Например, маркетинговый сайт с множеством контента или, возможно, блог. С таким контентом намного проще работать с CMS, чтобы не дизайнер мог легко редактировать этот контент в удобной для него форме. И это скоро появится».

Figma Draw — это, своего рода, ответ Figma на Adobe Illustrator, но чуть глубже, поскольку компания стремится помочь дизайнерам создавать контент, который не выглядит шаблонно, позволяя им свободно выражать себя и развивать свои навыки.

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

Figma Buzz решает вопросы маркетинга в социальных сетях — после запуска продукта Buzz служит инструментом для его онлайн-продвижения. Но, что более важно, это способ помочь тем членам команды, кто не используют Figma Design, создать контент, соответствующий бренд-гайдам. Разработанный для дизайнеров и маркетинговых команд, Ямашита назвал это «инструментом, предназначенным для создания активов, соответствующих бренду» в динамическом и персонализированном формате.

Он и его команда задавались вопросом, «как сделать его настолько простым, как заполнение формы, чтобы вы могли создать динамический контент?» Figma Buzz — это ответ. К тому же, этот инструмент также подключается к Figma Design, предоставляя все функции, которых требует дизайн, не «усложняя опыт» для недизайнеров.

Увидел это в действии на сцене и остался впечатлён. За считанные секунды (ну, возможно, десять секунд) один пост автоматически локализировался 80 различными способами, меняя язык, изображение и флаг страны для нужных территорий — и всё без утраты «брендового» элемента.

Вы можете ознакомиться с последними инструментами Figma прямо сейчас в разделе Продукты. Чтобы посмотреть полное выступление на Config London с Ямашитой и генеральным директором Figma Диланом Филдом, оно есть на YouTube.