Подборка: десять плагинов для графического редактора для совместной работы Figma Статьи редакции
Сейчас пользователям доступно более 50 инструментов.
С 1 августа 2019 года пользователи графического редактора для совместной работы Figma могут использовать уже разработанные и создавать собственные плагины.
Бета-тестирование платформы проводилось с начала июня 2019 года — сейчас на Figma доступно более 50 плагинов. Редакция vc.ru выбрала десять инструментов для упрощения работы.
- Unsplash (от Unsplash) — плагин позволяет за пару кликов добавить в макет картинку из фотостока Unsplash. Сейчас его уже скачали около 13 тысяч раз.
- Charts (от Sam Mason de Caires) — с помощью плагина пользователи могут быстро собрать инфографику прямо в Figma.
- Autoflow (от Coinbase) — позволяет строить пользовательские сценарии. Для этого достаточно выбрать два объекта и нажать на «горячую клавишу».
- Mapsicle (от Chris Arvin) — благодаря плагину пользователю не придётся делать скриншот карты для добавления его в макет. Сервис использует онлайн-карты Mapbox.
- Figmotion (от Liam Martens) — инструмент для создания простых анимаций в Figma. По словам разработчика, плагин позволит отказаться от сторонних инструментов, например, Principle, Haiku или After Effects.
- Content Reel (от Microsoft) — позволяет пользователю находить релевантный контент и заполнять макет текстом, аватарами пользователей, иконками.
- Google Sheets Sync (от David Williames) — плагин для интеграции с таблицами Google Sheets. Инструмент позволяет быстро заполнить макет реальными данными и проверить, всё ли в порядке.
- Table Generator (от Zwattic) — инструмент для создания таблиц.
0
показов
15K
открытий
Платформа отличная. Модерируется Фигмой в полноценном разделе. Устанавливаются плагины в один клик и доступны сразу на всех устройствах. Ничего не подвисает при большом количестве плагинов (пока), в отличии от Скетча.
Как во время подвезли статью. Как раз сел за изучение фигмы. Спасибо.
Аналогично :) на чём учитесь?
Метод тыка и смотрю видео уроки. Правда там все так быстро :) НО это все лирика. Что бы хорошо закрепить знания и получить навык, надо самому например придумать кейс и его запилить. И по мере его выполнения, когда сталкиваешься с трудностями, искать инфу как решить. Тогда запомнишь навсегда как это делается. Считаю такой подход максимально эффективным. Иначе эти уроки можно смотреть очень долго пока не запомнишь. А время деньги.
Согласен. Но иногда надо посмотреть непосредственно процесс, что за чем делать, чтобы иметь представление об архитектуре. Скачал курс Udemy где рисуется приложение для рецептов, вроде скорость приемлемая для новичка.
да, поэтому видео и смотрю. Курс Udemy платный или нет? Я просто загнал себя в яму. Надо было еще года два назад изучать и переходить на веб и интерфейсы. Но как обычно пока рак не свистнет ...
Вот этот https://www.udemy.com/learn-figma/
Правда я его скачал бесплатно у добрых людей 😁
я понял, он еще на английском. Ладно, читаю пока книгу по фигме. Вчера пока изучал инструменты, ну что какой делает, нарисовал страницу контакты на андроиде, примитив конечно. Хочу закрыть гештальт так сказать, доделать выскакивающие фреймы и все это как то связать что бы на привью на гифке это все показывалось. И если закончу сегодня, завтра начну пилить приложуху-игру. Будет первый кейс :)
Я люблю тебя, Фигма.
Они кстати не планируют поддержку платных плагинов. Непонятна тогда мотивация разработчиков вкладывать время в разработку плагинов
А мотивация опен-сорс разработчиков вам понятна?
Фигма это не оупен сорс проект, поэтому тут мотивация непонятна
Скайрим тоже не опенсорс, но почему тогда столько модов?
Комментарий недоступен
Комментарий недоступен
Наверное так будет только на первоначальных порах ?
Они сказали, что в планах нет поддержки платного апи
Личный интерес плюс расширение портфолио
Там уже есть платные плагины. В описании написано, что бесплатно только до конца года, а потом $10
Комментарий недоступен
Очень круто! Но вот, кстати, плагин Figmotion (анимация) мне показался не понятным совсем. На замену Principle и тд, по-моему, не тянет. Хотя надо разбираться, конечно. Вообще, если будет полноценный плагин или встроенное решение продвинутой анимации в Фигме, я буду бескопромисно счастлив.
Есть подозрение, что Figma сама скоро к этому придёт, без плагинов.
Комментарий недоступен
кстати, делал рендер в гиф, он куда то сохранил, не пойми куда. В подсказке пишется что сохраняется где то на сервере. Где искать рендер? Не подскажите?
немного разочаровался. в некоторых плагинах. ожидал большего. сейчас решаю остаться в скетче или все же прыгнуть в фигму. вероятно останусь. как тут заметили-хочется дышать легкими, а не использовать жабры
А какого функционала не хватает, чтобы полноценно переехать со Скетча?
ну например хорошей библиотеки, с переменными, посмотрите как в Sketch они организуются, их можно строить: любой кнопке/иконке придать разные варианты как в самой библиотеке: прописать их названия используя "/", как например Bttn_Cancel/Anable и Bttn_Cancel/Disable будет задано одной кнопке с двумя состояниями, их можно быстро заменять между собой. не прибегая к перетаскиванию-позиционированию просто replace в правом свитке/контекстном меню, почти как в Идеальном (имею в виду Adobe Illustrator там тоже библиотека мощная), так и на холсте заменяя переменные (текст, стили графики)-библиотечный вариант остается нетронутым. Фигма импортирует все это из скетча без проблем, но вот в самой создать подобное, я не смог. не скрою- старался не долго: не вышло и все. ну и некторые подобные же, назовем как: "страхи"-не прозрачен ввод текста в библиотечные экземпляры ( вдруг поменяется везде? как это реализовано в Аи) или стили графики? где я могу их организовать/посмотреть /отредактировать. в Идеальном я могу все, но в нем файл тяжеловат получается, в скетче я могу почти все : рисует он сравнительно дерьмово-но рисует!, а в фигме я вижу только один плюс- расшаривание документа, но Скетч уже наступает на пятки и тут. В общем кто с хорошими знаниями Аи -тому в Скетче удобней-все организовано почти так же. А кто не не привык к такому -Фигма отличный инструмент! Сорян за лонг-рид, хотел обстоятельно ответить, чем Фигма уступает Скетч.
В этом проблема большинства олдов Скетча. Да и вообще когда ты берешься за новый инструмент многое в новинку.
На самом деле переубеждать не буду, но компоненты в Фигме, в разы функциональней, чем символы в Скетче. Хотя бы потому, что их можно модифицировать вне библиотеки: менять вложенные текстовые стили, цвета, эффекты. А если требуется сохранить наследование каких-либо измененных стилей, то через «Reset ..» сбрасывается любой из атрибутов. В этом случае вложенность компонентов в друг-друга используется в полную силу. Например у вас есть базовый компонент .button (кнопка), из которого идет 2 кнопки состояний: Button / Hover и Disabled. Размеры шрифта и кнопок вы контролируете в .button, а цвет состояния и текста — в Hover и Disabled. В Скетче вложенность посредственная. Только текст и тень. Ничего подобного не реализовать.
Ну и, облачность, Handoff для разработчиков, удобная панель для компонентов из библиотек. Богатая работа с атрибутами стилей: цвет и эффект из библиотеки можно применить как к тексту, так и к шейпу. Теперь и плагины не нагружающие твое устройство.
спасибо! буду пробовать. на кошках=))
что насчет autolayout ?
После попыток изучить АИ и применить Фотошоп для проектирования интерфейсов, фигма просто глоток свежего воздуха.
Как накопите на sketchpapp, захлебнетесь воздухом =)
Чем же сейчас скетч удобнее фигмы?)
попробуйте и поймете. он без плагинов уиеет создавать то что тут на плагинах- например вариативные библиотеки/стили и прочее-можно удобно организовать. с переменными данными! а не просто статика. ну и еще много приятных вещей
Для анимаций интерфейса есть малоизвестный, но очень мощный инструмент Drama, с очень классным ui и богатыми возможностями. Вот он может заменить ae, а figmotion разве что позволит сделать базовые перемещения и трансформации.
Есть ссылка на него? А если найду
Пожалуйста - https://www.drama.app/beta
Спасибо!
Опять только под Мак.
Комментарий недоступен
Рилток
Тысяча извинений
https://www.drama.app/beta
Советую заварить чашечку чая и просмотреть все туториалы от создателей. (может час в сумме).
Друзья, а фигма работает в офлайне? Т.е. можно например как-то, будучи в офлайне, открыть проект и полноценно с ним работать?
Комментарий недоступен
О, мерси! Читал в сети что у них с этим проблема, теперь попробую :)
Спасибо за обзор.
Плагины видел, но руки до них ещё не дошли.
Очень нужные плагины добавили. Как раз недавно думал почему на такой платформе и приходится скринить карты с гугл...и через пару дней нужный стафф добавили. Молодцы!
Плагины с анимацией очень полезные, давно ждал
Комментарий недоступен