Режим разработчика в Figma. Что делать, если он не доступен

Данная заметка будет полезна веб-разработчикам, прежде всего тем, кто занимается версткой сайтов.

Итак, как говорится, никогда такого не было и вот опять.

Режим разработчика в Figma недавно стал доступен только на платном тарифе. Режим разработчика — это прежде всего возможность видеть верстальщику стили CSS и удобно копировать их для дальнейшего использования.

Платный тариф, это, конечно же, не проблема, но вызывает затруднения оплата аккаунта Figma из России.

Делимся опытом — как решить данную проблему — удобно работать со стилями.

Предлагаем два варианта решения данной задачи.

Он частично может заменить указанный выше инструмент, позволяет увидеть и скопировать стили требуемого элемента, однако, пользоваться им не очень удобно. Это не полная замена, а частичная. Запускаем, его, выделяем фрагмент макета, и видим стили CSS. И можем их даже скопировать!

Это аналог платформы Figma, позиционируется как ее альтернатива, создается и развивается китайскими товарищами, сидящими в городе Гонконг. Внешне очень напоминает Фигму, принципы работы те же самые, но с некоторыми отличиями. Попробуем освоить данный инструмент!

Итак, если проект горит, очень нужен режим разработчика, делаем следующее.

Открываем ваш проект в Фигме.

Производим его экспорт в файл, сохраняя его у себя.

Заходим в ваш аккаунт в Pixso, предварительно его создав, конечно же.

Создаем проект, открываем.

Производим импорт в новый проект файла из Фигмы. Процесс импорта производится очень легко и проходит без «танцев с бубном».

Отлично, мы загрузили проект и видим — режим разработчика в Pixso доступен по-умолчанию на бесплатном тарифе. Нажимаем на заветную кнопку!

Выделяем элемент и видим стили!

Не все может быть идеально, например, у нас проблемы были со шрифтами, но в целом можно пользоваться.

Далее будем знакомится с Pixso более подробно, публиковать наши открытия.