Как работает функция Dev Mode в Figma?

Dev Mode в Figma (режим разработчика) позволяет преобразовывать дизайн в коды разработки. 2 Он приближает концепции дизайна (формы, слои и группы) к концепциям разработчика (код, иконки и маркеры). 4

Некоторые возможности функции:

• Навигация по дизайну. 1 На панели навигации значок Dev Mode указывает, какая страница дизайна содержит раздел, готовый к разработке. 1 Можно увидеть, какой фрейм был отредактирован последним. 1
• Проверка компонентов дизайна. 1 Панель Inspect в Dev Mode отображает спецификации дизайна и информацию о компонентах, необходимую для понимания дизайна и его преобразования в код. 1
• Сравнение изменений. 5 Dev Mode включает функцию, позволяющую разработчикам и дизайнерам просматривать, какие изменения были внесены между версиями. 5
• Экспорт объектов. 3 Можно выделить объект или несколько объектов, выбрать формат файла, в котором нужно видеть экспортированный элемент, и нажать «Export». 3
• Использование плагинов. 24 Плагины позволяют расширить функциональность Figma, чтобы адаптировать её к тому, как работает команда. 4

Чтобы открыть Dev Mode, можно использовать кнопку в правом верхнем углу интерфейса или комбинацию клавиш Shift + D. 25