Как стать автором
Обновить

FigmaExport: как автоматизировать экспорт UI-Kit из Figma в Xcode и Android Studio проекты

Время на прочтение 11 мин
Количество просмотров 27K
Всего голосов 14: ↑14 и ↓0 +14
Комментарии 13

Комментарии 13

Создатели Figma пусть отсыпят автору за продвижение платной подписки))
А по теме — очень крутой гайд: даешь дружбу между разрабами и дизайнерами

Не очень понял, зачем для векторных иллюстраций использовать 6 растровых картинок. Можно же так же одну PDF загрузить.
Ну и / для цветов использовать можно. Их можно группировать по папкам внутри xcassets — кстати, очень удобно. То же самое валидно для изображений.

Есть несколько причин: если иллюстрация сложная, то могут быть артефакты; если есть градиент, то он будет смотреться лучше в PNG; иллюстрации не всегда векторные, бывают и растровые. И ещё одна важная проблема, которая в последнее время уже не актуальна. Раньше Figma API при экспорте PDF обрезала прозрачные области, что усложняло верстку, но буквально месяц назад они эту проблему исправили.

Ну растр понятно. А вот градиенты и артефакты — это я прям не знаю. Сколько экспортировал всякого в SVG и потом перегонял консольной svg2pdf — никаких проблем не было (возможно, экспорт в PDF напрямую и впрямь косячит — не пробовал уже давно).

Ожидание: О! Неужели в figma можно вкладки с кодом Android / iOS сделать хоть немного применимыми в реальной жизни!

Реальность: а, тут всего лишь про экспорт цветов и изображений.

Очень жаль, что нельзя применить на бесплатном тарифе. Причина этого ограничения, в отличие от остальных, не упомянута в статье.

Чтобы экспортировать картинки (иконки, иллюстрации) в виде компонентов их нужно опубликовать как Shareable Team Library, а эта функция доступна только в платном тарифе.

www.figma.com/pricing

Цвета можно экспортировать в бесплатной версии Figma.
Чтобы экспортировать картинки (иконки, иллюстрации) в виде компонентов


В виде компонентов это как? Я экспортирую иконки и иллюстрации в виде графических файлов формата png или svg, например. В виде компонентов они существуют только в фигме.
FigmaExport использует Figma API чтобы скачивать картинки. Чтобы картинку скачать она должна быть опубликована в виде компонента.

Пример:
www.figma.com/file/BEjfU0kCVnPqXdRLfoLvkf/FigmaExport-Example-File-Light?node-id=0%3A1

Можно ли установить этот дистрибутив на Windows? Если да, то какой утилитой?

К сожалению нет. FigmaExport на данный момент не поддерживает Windows.

Спасибо. Долго пытался, но не получилось. Так и думал, что нельзя.

Зарегистрируйтесь на Хабре , чтобы оставить комментарий