27 марта 13.00 Мск
Если вы еще не знакомы с одним из самых популярных сервисов, освоиться в интерфейсе поможет наш гайд по Figma для маркетологов. А в этой статье мы фокусируемся на дополнительных опциях и инструментах, которые будут полезны в работе. Не выходя из Figma, можно закрывать широкий спектр задач: от планирования работы до подбора материалов и организации рабочего процесса.
Помимо обычной рабочей области, в Figma есть доски FigJam. Это аналог Miro. В Miro, в отличие от FigJam, больше шаблонов и инструментов для инфографики, но они доступны в платной версии. А возможности бесплатных тарифов у этих двух сервисов очень похожи. Считается, что у FigJam более простой интерфейс. А если вы сталкивались с обычными файлами Figma в работе, точно сможете без труда освоить доски.
В начале работы с доской можно сгенерировать шаблон с помощью ИИ в зависимости от вашей задачи: например, план действий, мозговой штурм, синк с командой, ретроспектива по итогам работы. Figma выдаст шаблон, где будут потенциально нужные вам поля.
Есть бесплатная интеграция с популярными сервисами для командной работы и трекинга задач. Ее искусственный интеллект предлагает в созданных шаблонах: например, для созвона one-to-one предложил перетащить на доску что-нибудь из Jira, Asana и GitHub.
Доступны и другие интеграции: например, с заметочниками Notion и Markdown. Их можно найти в меню виджетов: нажмите на знак плюс справа на нижней панели, откройте Widgets и введите название нужного сервиса.
В списке виджетов можно найти еще много полезных и развлекательных инструментов: например, чтобы построить диаграмму или подбросить монетку.
По соседству с виджетами можно найти плагины (о них в этой статье поговорим отдельно), а также готовые шаблоны, которые можно выбрать вручную, не прибегая к помощи ИИ.
Если подходящего шаблона не нашлось, можно работать без них: просто вручную рисовать что-то на доске, клеить стикеры, печатать текст, добавлять стрелки, простые фигуры, таблицы и секции. Все эти инструменты доступны на той же нижней панели. Работать без шаблонов вполне удобно в разных ситуациях: можно, например, рисовать пользовательский путь вместе с командой, а можно делать личные заметки для подготовки к созвону. Для коммуникации в команде удобно тегать нужных людей прямо в тексте.
Если нажать на изображение маркера на нижней панели, откроется набор инструментов для свободного рисования от руки: можно что-нибудь чертить, помечать ярким маркером важный текст, стирать свои линии или заклеивать ненужные фрагменты доски цветным скотчем.
На панели в правом верхнем углу — быстрый доступ к искусственному интеллекту для создания шаблонов, коллекция готовых шаблонов и возможность оставить комментарий. Также есть таймер и плеер с музыкой.
Также в FigJam есть возможность вести работу на нескольких страницах, не переходя в новый проект. Чтобы создать новую страницу в файле, нужно нажать на иконку в левом верхнем углу возле названия проекта. После это появится окошко Pages, на котором можно добавлять, удалять и переименовывать страницы. Однако, в бесплатной версии Figma, доступно создание только одной страницы на проект.
Все возможности, которые мы рассмотрели, доступны в FigJam бесплатно. Подписка начинается от $5 в месяц, есть несколько тарифов, различающихся по функционалу. За $5 пользователям доступны аудиочаты, голосования и возможность защитить паролем конкретный файл. Более дорогие тарифы — корпоративные, там больше опция для управления контентом, виджетами и доступами.
Это сервис для создания презентаций, по функционалу напоминающий PowerPoint или Google Slides. В Figma Slides доступен стандартный набор инструментов для оформления слайдов, а также AI-ассистент. Работать можно в команде.
Чтобы создать презентацию, сперва нужно выбрать понравившийся шаблон. Есть раздел Basic — с простыми шаблонами без декора, в темной или светлой теме. Раздел Vibes — с более творческими решениями, которые разделены по темам и настроению.
После выбора шаблона открывается сам файл с презентацией. Здесь можно редактировать содержимое слайдов — текст, картинки, цвета, настройки расположения объектов.
Также предусмотрена анимация переходов между слайдами, которая по формату почти повторяет режим прототипирования в основном редакторе Figma. Здесь можно настроить длительность перехода, его тип и триггер.
Это пространство, где можно найти много полезного, чтобы прокачать Figma. Виджеты с разными возможностями, плагины, которые дополняют интерфейс и решают точечные задачи, а также плоды трудов дизайнеров: иконки, иллюстрации, шаблоны лендингов, сайтов, баннеров и презентаций. Искать такие материалы можно двумя способами. Удобнее всего — по ключевым словам в поисковой строке, прямо вверху главной странице.
Также можно проскроллить чуть ниже до поиска по категориям: там вы можете указать, что именно вы ищете, платное или бесплатное, и даже можно найти материалы от конкретного автора.
Если вы ищете какие-то материалы от дизайнеров — иллюстрации, иконки и готовые макеты, все они будут в формате файла Figma — можно мгновенно открыть и работать с ними дальше. Вот, например, мы нашли иконки на медицинскую тематику — их можно скачать или перенести в свой рабочий файл.
А вот макет лендинга из Community. Можно выбрать тот, что подходит к вашему фирменному стилю, поменять тексты и логотип — и использовать.
Могут попадаться платные файлы — тогда на странице будет кнопка покупки.
Иногда платные файлы скрыты — они открываются как бесплатные, но на деле там нередактируемая картинка и ссылка для скачивания. Если не хочется платить, можно просто вернуться к поиску — обычно материалов много под любые запросы.
Помимо файлов от дизайнеров в Community можно искать плагины и виджеты, которые помогут в работе. Бывают плагины и виджеты только обычных файлов Figma, а бывают подходящие и для FigJam тоже. Тогда вам предложат выбор — открыть в обычном файле или на доске.
Плагины и виджеты преимущественно нужны дизайнерам для решения разных задач и ускорения работы — это дополнительные инструменты. Но есть тут и полезные штуки для маркетологов. В частности, иногда плагины представляют собой библиотеки бесплатных фото, иллюстраций и иконок — и там можно покопаться в поисках нужных материалов, если среди файлов Community ничего не подошло.
Это плагин, в котором можно бесплатно подбирать картинки для дизайна из довольно широкого ассортимента: есть сотни картинок, 2D- и 3D-иллюстрации, преимущественно с людьми и животными. Будет полезно для маркетологов, копирайтеров и редакторов, которые сами собирают макеты лендингов, постов и презентаций или редактируют их.
Надо признать, что выборка внутри плагина все равно сильно меньше, чем среди дизайнерских файлов Community в целом, но зато пользоваться плагином на регулярной основе удобно. Если вам понравится один из предложенных стилей иллюстраций, можно при создании каждого макета в два клика вставлять нужное. Самостоятельно можно легко изменить размер и цвет элементов.
В Community есть еще десятки плагинов с иллюстрациями. Этот один из самых популярных, но, возможно, под ваши задачи и фирменный стиль лучше подойдет что-то другое — воспользуйтесь поиском.
Это один из самых популярных плагинов с иконками — доступно почти 1500 простых пиктограмм на любую тему. Поиск не идеален из-за отсутствия категорий, но если точно подбирать ключевые слова, проблем не возникнет. Цвет можно легко менять. В отличие от стоков с иконками, библиотека хороша тем, что все огромное количество иконок консистентно. Их можно смело брать и использовать в одном лендинге: не нужно ничего кропотливо подбирать и редактировать.
Unsplash — один из крупнейших бесплатных фотостоков, который работает в России. Плагин дает более удобный доступ к Unsplash. Например, если вы работаете с шаблоном поста или презентации, и хотите поменять какую-то фотографию, это можно будет сделать не выходя из Figma. Если составляете мудборд для дизайнера, можно также прямо в Figma подбирать фото и компоновать на доску. Плагин открывается в обычном файле Figma и в FigJam — выбрать можно на странице с описанием.
При открытии плагина вы получаете просто уменьшенное окно фотостока: можно искать фото по ключевым словам и быстро добавлять в файл.
Еще один плагин, доступный и в обычных файлах Figma, и в FigJam. Пригодится, чтобы набросать структуру сайта/лендинга. С его помощью можно также составить путь пользователя, собрать план презентации или сделать контент-план — если вам удобно хранить это на доске.
Суть работы плагина: он визуализирует то, что вы пишете. Можно текстом ввести все названия страниц сайта, с помощью отступов в начале строки показать, на какие страницы с какой будет переход. И плагин построит схемку. Если потребуется что-то подвинуть и уточнить, это легко можно будет сделать вручную.
Вот так это работает:
Это виджет для формирования списка, который можно использовать в обычных файлах или в FigJam. Например, при просмотре файлов от дизайнера сюда удобно вносить все правки, чтобы ничего не забыть. А возможно, вы захотите составить такой список для себя — чтобы знать, к каким моментам хотите вернуться повторно. На досках FigJam можно найти виджету и более широкое применение: например, в них удобно фиксировать адженду встречи и ставить галочки напротив пунктов, которые обсудили.
Вам мало чек-листа? Тогда можно сконструировать полноценный трекер задач прямо в файле Figma или на доске FigJam. Окно Process Mapper напоминает Trello или Jira: есть название задачи, статус, распределение ролей ответственных за задачу, можно добавлять для каждого более мелкие задачи и фиксировать дедлайны. Удобно, если у Figma нет интеграции с вашим таск-трекером или если вам удобнее обходиться без него. Благодаря этому виджету можно вести простую отчетность и понятную историю: кто, когда и что сделал.
Плагин для записи скринкастов можно открыть в обычном файле или на интерактивной доске. Но это не так важно, потому что он позволяет записывать с экрана что угодно: даже происходящее на рабочем столе или на каких-то сторонних вкладках браузера.
Можно выбрать, что именно вы хотите записывать, настроить или убрать звук, настроить или убрать изображение с фронтальной камеры. После записи видео автоматически сохраняется в вашем аккаунте Vimeo, а также его можно скачать в формате MP4, не выходя из Figma. Все это работает бесплатно.
Может пригодиться, если вы хотите наглядно показать коллегам какие-то вещи, объяснить правки, и при этом нет времени на созвон. Также если вы ведете блог или обучающие курсы, можно использовать плагин для записи чего угодно, даже за пределами Figma. Сервис не тормозит без причин и очень прост в использовании: всего несколько кнопок — и можно снимать скринкаст.
В Figma пока нет возможности автоматически проверять орфографию и пунктуацию на русском языке, зато можно найти нужное слово и заменить на другое — с помощью этого плагина. Это поможет, если вы хотите быстро внести правку во все макеты: поправить орфографию или употребление какого-то слова. При замене через плагин исправление распространится на все макеты в файле, при этом сохранится верстка и стиль текста, который задал дизайнер. Так можно удобно править тексты, не боясь «поломать» чего-то в дизайне.
Использование всех этих инструментов и плагинов Figma не потребует освоения дизайнерских инструментов — все решается буквально нажатием нескольких кнопок. Если основной инструмент ваших дизайнеров — это Figma, то интерактивная доска, Community, виджеты и плагины позволят решать в ней максимум задач, без необходимости перескакивать между разными сервисами.
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы и интервью с экспертами диджитала.
