FigJam – интерактивные доски для дизайнеров от Figma
На конференции Config 2021, генеральный директор Figma Дилан Филд объявил о запуске FigJam, нового вайтборда Figma. Сейчас доступна бета-версия FigJam, но до конца 2021 года приложение будет бесплатным для всех пользователей. Ниже вице-президент Figma по продукту Юки Ямасита немного расскажет, почему мы решили создать FigJam.
Многое изменилось приблизительно за пять лет с тех пор, как Figma была запущена в закрытой бета-версии, или, как сказал тогда Дилан: во времена, когда дизайн встретился с Интернетом.
Десятилетний переход от физического к цифровому ускорился. Дизайн, который когда-то был на периферии, стал ближе к центру сцены. Усилилось взаимодействие внутри компаний. И, не думаю, что кому-то нужно напомнить, ведь многие из нас – в том числе я и мои товарищи по Figma – уже больше года работают удаленно.
Все это сводится к тому, что мы меньше времени проводим вместе и все больше времени в онлайн-пространствах, таких как Figma. Люди используют эти онлайн-пространства всевозможными творческими и неожиданными способами – от игры multiplayer pong до ice breakers, meal planning и мозгового штурма.
Все эти случаи не касаются проектирования продуктов. Люди просто ищут место для общения и обмена идеями.
Наша команда тоже работала из дома. Поэтому нам сразу стало ясно, особенно после миллионного видеозвонка, что есть нечто особенное в том, чтобы просто проводить время вместе в Figma. Помимо мощного инструмента дизайна Figma может служить источником энергии для людей по всему миру, позволяя им собираться вместе, проводить итерации дизайна и исследования.
Поняв это, мы начали собственное исследование. Мы хотели узнать, можем ли мы сделать Figma более привлекательным местом для подобных взаимодействий. Мы полагали, что если бы нам это удалось, то мы смогли бы привлечь больше людей к самым ранним этапам проектирования. В конце концов, цель Figma – сделать дизайн доступным для всех. Это был наш шанс сделать следующий шаг.
Но, немного углубившись, мы поняли, что для таких взаимодействий необходимо отдельное пространство – место, где каждый чувствовал бы себя желанным гостем, а дизайнеры чувствовали себя как дома, чтобы все могли с комфортом делиться своими идеями.
FigJam – место, где зарождаются лучшие идеи продуктов
Вот почему мы создали FigJam, интерактивную доску для дизайнеров, чтобы они могли придумывать идеи и проводить мозговой штурм с расширенными командами. Думайте о ней, как об облегченной версии Figma, которую проще освоить и еще интереснее использовать. Она предназначена для определения проблем пользователей, поиска вдохновения и изучения идей.
В FigJam встроено множество функций, которые делают его отличным местом для дизайн-мышления на ранней стадии проектирования. Команды могут использовать для мозгового штурма стикеры, смайлики и инструменты для рисования. В одиночной игре системные мыслители могут использовать фигуры, предварительно нарисованные линии и соединители для формирования юзерфлоу и построения новых процессов.
FigJam также разработан, чтобы стать единым центром для удобного взаимодействия. Встроенные аудио-функции позволяют командам легко общаться, не поднимая телефонную трубку или не начиная видеозвонок. И в отличие от альтернативных приложений, FigJam без проблем работает с Figma, поэтому команды могут хранить весь проект– от первоначальной концепции до окончательного прототипа – в одном месте.
Команды могут использовать для мозгового штурма стикеры, смайлики и инструменты для рисования в FigJam. А встроенная функция аудио-связи позволяет легко «выговориться» вживую
Мы также хотели привнести в FigJam ту же теплоту и интуитивное управление, которые нравятся людям в Figma, независимо от того обдумываете ли вы идею или просто «тусуетесь». Смайлики, штампы и другие тщательно проработанные функции позволят вам полностью выразить себя.
Другими словами, в FigJam веселье встречается с функциональностью.
Это одна из причин, по которой команды Stripe, Netflix, Salesforce, Twitch и других компаний использовали FigJam в течение последних нескольких месяцев для мозгового штурма и формирования идей. Их отзывы, как хорошие, так и плохие, важны не только для нашей команды; они также подтвердили, что FigJam удовлетворяет глубокие потребности пользователей.
Вот как это описал руководитель отдела дизайна Discord Кевин Уилсон:
«FigJam великолепно подошёл для команды продуктовых-дизайнеров Discord, потому что очень похож на Figma, но является его сфокусированной, упрощённой версией, которая отлично подходит для мозгового штурма, ретроспективы или другой работы».
Мы надеемся, что вы попробуете FigJam, и если вы это сделаете, оставьте свой фидбек. Потому что наша цель – не только сделать FigJam местом, где зарождаются лучшие идеи по созданию продукта, но и сделать Figma лучшим домом для дизайнеров и их команд, чтобы они собирались и работали над проектом вместе от начала и до конца.
Figma представила конкурента Miro — доску для совместной работы FigJam
Онлайн-сервис для разработки интерфейсов и прототипирования Figma представил новый инструмент для совместной работы. С помощью интерактивной доски FigJam несколько человек могут рисовать на едином пространстве, клеить стикеры и добавлять другие элементы, как при мозговом штурме. Инструмент стал частью самого большого обновления сервиса с момента его запуска, пишет TechCrunch.
Figma — это графический онлайн-редактор для совместной работы. В нем можно создать прототип сайта, интерфейс приложения и обсудить правки с коллегами в реальном времени. Сервис позволяет организовать совместную работу распределенных команд.
Однако, как отмечает издание, новый инструмент расширяет эту концепцию, позволяя дизайнерам удаленно взаимодействовать друг с другом уже на начальном этапе ― генерации и обсуждения идей.
Кроме того, FigJam будет полезен не только дизайнерам, но и всем остальным, кто занимается разработкой новых концепций и продуктов, считают в компании.
Доска позволяет сразу нескольким участникам рисовать на едином пространстве, клеить стикеры, добавлять различные формы и схемы, ставить штампы и другие элементы, имитируя таким образом естественный процесс мозгового штурма.
«Мы изначально хотели, чтобы FigJam стал инструментом для первого шага в проектировании, то есть чтобы с его помощью можно было обсудить проект еще до того, как вы непосредственно начнете заниматься дизайном, ― рассказал основатель и генеральный директор Figma Дилан Филд. ― Мы видим, что люди заинтересованы в более гибком взаимодействии. И мы, в свою очередь, хотели сделать этот инструмент достаточно простым, чтобы привлечь к нему максимально широкую аудиторию».
Так как инструмент встроен в основной сервис, все наработки и схемы можно перенести непосредственно в проект в Figma.
Помимо этого, сервис объявил о том, что теперь во все его продукты будут добавлены голосовые чаты. Это значит, что пользователям не нужно будет отдельно подключаться к Zoom или Google Meet, чтобы обсудить проект голосом, ― это можно сделать внутри сервиса.
Кроме FigJam и голосового чата, Figma представила обновленное мобильное приложение. Также сервис разработал новый инструмент для дизайнеров ― теперь они могут автономно выполнять часть своей работы, не влияя на общий проект, а затем добавить свою часть в общую систему.
Figma and FigJam plugins
The Plugin API allows you to access the contents of both FigJam and Figma design files. In the Plugin API, Figma design files and FigJam files are treated as separate editorTypes.
While a number of functions, nodes, and properties are shared between the two editor types, the kind of actions you’d perform — and the plugins required — are quite different. Our Compare Figma and FigJam article explores the context and use cases for each file type.
Every plugin must have at least one editorType set in the manifest. You can create plugins for both editors or a specific editor type. You can even build conditional plugins that perform different actions in each editor. Setting plugin editor type →
Some functions are only supported on specific editorTypes. These nodes and functions won’t be available via the Plugin API as soon as the plugin is run in that editorType.
We recommend familiarizing yourself with these functions. Even if you intend on building a conditional plugin that supports actions in both Figma and FigJam files.
FigJam only plugins
If you set the editorType to FigJam files only, you won’t be able to access the following functions or methods:
Pages
FigJam files don’t support the ability to create multiple pages. You can still access the currentPage in a FigJam file, but you won’t be able to create additional pages. This includes the createPage() function.
Components
FigJam files have their own purpose-built stickers, which you can access in FigJam files along with any components from your enabled libraries. You can also paste entire designs from Figma design files into FigJam files. You’ll be able to access any local styles or instances in that file.
It’s not possible to create new components in FigJam file, or combine existing components as variants. You won’t be able to use the following functions:
Styles
When accessing FigJam files via the Plugin API, you can only access styles applied to existing nodes. You won’t be able to create or manage local styles using the following functions:
Figma only plugins
FigJam specific nodes
FigJam files have three specific types of node which are unique to that file type. This is the StickyNode, ShapeWithText, and Connector node type.
It’s not possible to create these nodes in a Figma file, but you can read and modify any existing nodes of these types, even in Figma files.
If you set the editorType to Figma files only, you won’t be able to access the following functions relating to those nodes:
FigJam Timer
FigJam files support a Timer, which allows file participants to set a time limit for their activities and watch it count down. The timer is visible to everyone with at least view access to the FigJam file.
The timer is specific to FigJam files. You won’t be able to access the figma.timer function when the editorType is set to Figma only. This includes any events and properties related to that function.
Some nodes and functions are only supported in one editorType. In the table below, you can explore each node type and what actions are supported in each editorType.
Introducing FigJam
Today at Config 2021, our virtual design conference, Figma CEO Dylan Field announced the launch of FigJam, Figma’s new whiteboarding space. Available now in beta, FigJam is free for anyone for the rest of 2021. Below, Figma’s VP of Product Yuhki Yamashita shares a bit about why we decided to build FigJam.
A lot has changed in the five or so years since Figma launched in closed beta, or as Dylan put it at the time: when design met the internet.
A decades-long shift from the physical to the digital has accelerated. Design, once on the periphery, has moved closer to center stage. Collaboration is in; silos are out. And as if anyone needed reminding, many of us—me and my Figmates very much included—have been working remotely for over a year.
What this all adds up to is less time spent together in person and more time spent in online spaces like Figma, which we’ve seen people use in all kinds of creative and unexpected ways—from multiplayer pong to ice breakers to meal planning and brainstorming.
In each of these use cases, pixels aren’t being pushed. Products aren’t being designed. People are simply looking for a space to share ideas and connect.
We can empathize—our team has been working from home, too. So it became clear to us early on, especially after what felt like our zillionth video call, that there’s something special about simply “being” in Figma together—that beyond a powerful interface design tool, Figma can serve as an energizing space for people across teams and geographies to come together, iterate and explore.
With this insight in hand, we kicked off an exploration of our own into whether we could make Figma a more inviting place for these types of free-form interactions. If we could do that, we figured, we could also bring more people into the earliest stages of design. After all, Figma’s vision is to make design accessible to everyone. Here was a chance to take the next step.
But after digging a bit further, we realized that these interactions needed their own dedicated space—one where anyone felt welcome and designers felt at home, so everyone could feel comfortable jumping in and sharing ideas.
FigJam: Where the best product ideas begin
That’s why we built FigJam, an online whiteboard made for designers to ideate and brainstorm with their extended teams. Think of it as a lightweight version of Figma that’s easier to learn and even more fun to use. It’s for defining user problems, looking for inspiration, and exploring ideas.
There’s a ton of functionality built into FigJam that makes it a great space for early-stage design thinking. In multiplayer, teams can use sticky-notes, emojis and drawing tools to brainstorm. In single-player, systems thinkers can use shapes and pre-built lines and connectors to map user flows and build new processes.
FigJam is also designed to be a one-stop-shop for easy collaboration. Built-in audio functionality makes it easy for teams to “talk it out” without having to pick up the phone or start a video call. And unlike other options, FigJam works seamlessly with Figma, so teams can keep all their design work—from initial concept to final prototype—all in the same place.
We also wanted to bring the same warmth and serendipity that people love about Figma to FigJam, whether you’re ideating, ice-breaking, or just “hanging out.” Cursor chats, emojis, stamps, and other carefully designed features allow you to express yourself fully.
Put another way, in FigJam fun meets functionality.
That’s one reason why teams at Stripe, Netflix, Salesforce, Twitch and more have used FigJam over the past few months to brainstorm and ideate. Their feedback, the good and the bad, has not only been essential to our team; it has also affirmed that FigJam fills a deep user need.
Here’s how Discord’s Head of Design, Kevin Wilson, described it:
“FigJam has been awesome for the Discord product design team because it is so much like Figma itself—but a focused, uncomplicated version that works great for a brainstorm or a retrospective, or anything really.”
We hope you’ll check out FigJam, and if you do, let us know what you think. Because our goal isn’t only to make FigJam a place where the best product ideas begin, but to make Figma the best home for designers and their teams to come together and build together—from start to finish, end to end.
Что интересного представили на конференции Figma Config 2021?
Великие вещи не создаются в одиночку. Наши команды, сотрудники и интеллектуальные партнеры способствуют превращению хорошей идеи в отличную. За прошедший год мы убедились, что лучшие идеи рождаются благодаря использованию разнообразного опыта и различных точек зрения.
Долгое время единение не было нормой в дизайне. Когда мы впервые запустили Figma, люди думали, что дизайн – это результат сольной деятельности. Со временем команды раскрылись, особенно за последний год, поскольку целые организации (не только дизайнеры) искали цифровые пространства, подобные Figma, чтобы быть вместе.
На прошедшей на днях конференции Config 2021, мы анонсировали новые способы объединения на разных этапах проектирования, которые позволят большему количеству людей внести значимый вклад в этот процесс:
Исследуйте больше идей вместе с FigJam
С первого дня мы видели, как наше сообщество продвигает Figma за рамки дизайна интерфейса. Figma стала открытым инструментом для команд. Однако, поскольку Figma разрабатывалась, как инструмент общего дизайна, она не была интуитивно понятной для всех этих случаев использования. Вот почему сегодня мы анонсируем FigJam, интерактивную доску, специально созданную для того, чтобы вы могли обдумывать идеи, составлять юзерфлоу и т. д.
Изучая FigJam, вы обнаружите уникальные особенности, позволяющие выразить себя. Поскольку многие из нас перешли от работы в физическом пространстве к цифровому, мы хотели привнести в FigJam интуитивность и теплоту личного общения. С помощью эмоций, чатов и множества других функций мы рады создать пространство, в котором команды могут быть самими собой, вместе.
Вдумчиво проводите итерации с помощью ветвления
Чтобы команды могли лучше взаимодействовать по мере роста и масштабирования, мы добавляем в Figma функцию ветвления. Теперь с приходом вдохновения, вы можете создать ветвь файла, чтобы получить пространство для экспериментов. Вы можете взаимодействовать с другими участниками ветки, используя многопользовательский режим. Закончили? Всего за несколько кликов мыши вы можете обновить основную ветку простым слиянием.
Предоставив большему количеству товарищей по команде возможность внести свой вклад в дизайн-систему или создав безопасное пространство для изучения вариантов, ветвление дает командам, особенно большим, способ совместного проведения итераций. Она находится в стадии бета-теста и доступна в тарифном плане Organization. Чтобы узнать больше о рабочих процессах ветвления, ознакомьтесь с этой статьей.
Новое мобильное приложение
Многие наши пользователи проектируют современные приложения в Figma и им нужно видеть, как дизайн выглядит и ощущается на реальном устройстве. Но помимо этого, мы также хотим увеличить число способов поделиться своей работой.
Новое мобильное приложение для iOS и Android сейчас находится в стадии бета-тестирования и скоро станет доступно всем пользователям. Наряду с более стабильным зеркальным воспроизведением, теперь проще, чем когда-либо получить доступ к файлам и прототипам и просматривать их. Прочтите эту статью, чтобы узнать больше о бета-версии мобильного приложения и предстоящем релизе.
Аудиосвязь
Иногда полезно обсудить изменения вживую. Вы можете мгновенно начать звонок в редакторе и легко пригласить своих коллег присоединиться к вам. Будь то критика дизайна в прямом эфире в файле Figma или групповой мозговой штурм в FigJam, вы можете обсудить это не покидая редактор.
Скоро аудиосвязь будет доступна пользователям тарифных планов Professional и Organization. Вы можете зарегистрироваться здесь, чтобы получить уведомление, когда она станет доступна.
Свыше 500 пользователей
Помимо создания новых способов внести вклад в работу над проектом, мы увеличиваем лимит мультиплеера до 500 одновременных пользователей (100 редакторов и 400 зрителей) в Figma. И через несколько недель мы увеличим это число до 1000 одновременных пользователей (200 редакторов и 800 зрителей) как в Figma, так и в FigJam.
Хотя мы увеличиваем эти ограничения для поддержки таких вариантов использования, как крупномасштабные дизайнерские презентации, семинары и занятия в классе, мы очень рады видеть, как они могут открыть новые, различные варианты использования, которые мы раньше не видели в области дизайна. Чтобы узнать больше о наших расширенных ограничениях пользователей, прочтите эту статью.
Публикация в сообществе Figma
И последнее, но не менее важное: мы открываем Сообщество Figma, чтобы каждый мог опубликовать свои работы. Вы можете не только получить доступ к файлам, созданным другими пользователями, таким как новые паттерны FigJam, но и поделиться своей работой или полезным шаблоном со всем миром.
Мы не можем дождаться, когда вы опробуете эти новинки. Мы планируем провести итерацию на основе ваших отзывов и нам не терпится увидеть, что вы и ваши команды создаете вместе.
