#Figma #UI

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

Статья о том, как получилось автоматизировать экспорт цветов, иконок, картинок из Figma в iOS или Android проекты.

Проблемы, которые решались:
1️⃣ нет возможности автоматически экспортировать цвета, необходимость корректировки скопированного имени цвета
2️⃣ неудобный экспорт иконок и иллюстраций стандартными средствами: файлы экспортируется в несколько вложенных директорий, необходимость переименования имени файла, ручной перенос в проект или конвертация SVG в vector drawable XML

В результате поиска решения, была создана утилита FigmaExport. Для работы необходимо договориться с дизайнером о том, как хранить цвета, иконки, картинки и потребуется использовать Team Library (дизайнеру нужна платная подписка на Figma).

Также из статьи можно узнать про способы расширения функционала в Figma (Figma-плагин и Figma API) и их короткое сравнение.

#figma #compose

Figma2Android - плагин для Figma, чтобы ускорить разработку c Compose

Пока Google только обещает плагин для генерации Compose из Figma, автор статье уже его реализовал и опубликовал. Встречайте Figma2Android

У вас есть дизайн система в Figma? Тогда вы знаете сколько там может быть цветов, размеров, иконок и других примитивов. Переносить всё это руками затратно. Ребята сделали интеграцию с Figma для быстрого переноса из Figma в Android проект. Все подробности читайте в статье (11м)

#дизайн #figma

Расхождение платформенного рендеринга Android TextView и Figma Text - одна из причин что не дают сделать идеальное попиксельное совпадение дизайна. В статье (4м) разработчик AvitoTech делится как с помощью атрибутов firstBaselineToTopHeight и lastBaselineToBottomHeight решили проблему высоты полей ввода

#дизайн #avitotech #figma