Import from Figma

Для корректного импорта данных из Figma в deaz.io необходимо создать персональный токен доступа. Этот токен позволяет получить доступ к данным Figma через API, что упрощает интеграцию и автоматизацию процессов. В этой статье мы подробно рассмотрим, как создать персональный токен доступа в Figma.

Откройте Figma и войдите в свою учетную запись. Далее:

1. Перейдите в настройки. В левом верхнем углу интерфейса Figma нажмите на значок профиля. В выпадающем меню выберите пункт Settings (Настройки).

2. Выберите вкладку Security (Безопасность).

3. Пролистайте ниже и найдите раздел Personal access tokens section, затем нажмите Generate new token.

1. Введите имя для вашего токена. Это поможет вам идентифицировать токен в будущем.

2. Выберите срок действия токена. По умолчанию токен действует 30 дней, но вы можете выбрать другой период или сделать токен бессрочным.

3. Настройте разрешения (Scopes). Выберите разрешение Read-only для File content: чтение файлов, проектов, пользователей, версий, комментариев, компонентов и других данных.

4. Сгенерируйте токен. После настройки всех параметров нажмите кнопку Generate token (Создать токен). Токен будет сгенерирован и отображен на экране.

Сохранение токена

1. Скопируйте токен. После создания токена обязательно скопируйте его и сохраните в надежном месте.
   Примечание: токен отображается только сразу после генерации. Если вы уйдете со страницы, вы не сможете скопировать токен и вам придется сгенерировать новый.

2. Используйте токен для интеграции. Чтобы обеспечить доступ платформы deaz.io к данным Figma, вставьте скопированный токен в deaz.io → персональные настройки (Personal Settings) → интеграции (Integrations).

Импорт проектов из Figma в deaz.io позволяет быстро переносить дизайны и креативы для дальнейшей работы. Однако, чтобы избежать ошибок и обеспечить корректное отображение всех элементов, важно следовать рекомендациям по подготовке файлов перед импортом. Рассмотрим основные шаги и советы для успешного импорта.

Проверка видимости слоев

• Скрытые слои не импортируются. Убедитесь, что все необходимые слои видимы.
• Текст. Если текст скрыт, он не будет импортирован. Проверьте, чтобы весь текст, который должен быть перенесен, был видимым.

• Группы и компоненты автоматически конвертируются в SVG при импорте. Это означает, что после импорта их нельзя будет редактировать в deaz.io.
• Рекомендация: если вам нужно сохранить возможность редактирования, разгруппируйте элементы в Figma перед импортом.

Скопируйте ссылку на фрейм

• В Figma перейдите к фрейму, который хотите импортировать
• Скопируйте ссылку на фрейм. Она должна выглядеть примерно так: https://www.figma.com/file/objELP72SLqGz3jXpZ67c/%F0%9F%9F%A0-Figma?node-id=4234%3A51583&t=IQdTxL6krxXP7tooi-1

• В deaz.io перейдите в раздел Create → Import from Figma
• Вставьте скопированную ссылку в поле Link to Figma frame (Ссылка на фрейм Figma)

• Конвертация шрифтов в SVG. Если вы хотите, чтобы шрифты были преобразованы в SVG, активируйте соответствующую опцию (ползунок). Это может быть полезно, если шрифты не поддерживаются в deaz.io, и у вас нет возможности загрузить шрифтовые файлы на deaz.io.

• После настройки всех параметров нажмите кнопку Import frame (Импортировать фрейм). Фрейм будет загружен в редактор deaz.io.

• Убедитесь, что все элементы отображаются корректно.
• Если какие-то слои не были импортированы, вернитесь в Figma и проверьте их видимость и структуру.

Рекомендации для успешного импорта

• Разгруппируйте элементы. Если вам нужно сохранить возможность редактирования, разгруппируйте элементы в Figma перед импортом.

• Проверяйте видимость слоев. Убедитесь, что все необходимые слои видимы.

• Используйте рекомендации. Перед импортом всегда просматривайте рекомендации deaz.io, чтобы избежать ошибок.

Следуя этим рекомендациям, вы сможете успешно импортировать проекты из Figma в deaz.io без потери качества и функциональности.