Поделиться через


Создайте свое приложение с помощью UI-комплекта

[Данная статья посвящена предварительному выпуску и может быть изменена.]

Чтобы создать приложение из дизайна Figma, необходимо начинать с Create Apps из UI-комплекта Figma. UI-комплект состоит из компонентов, примеров приложений и некоторых дополнительных ресурсов, таких как:

  • Информация о том, что поддерживается, а что нет.
  • Пошаговые инструкции о том, как разрабатывать приложение в Figma, чтобы его можно было преобразовать в Power Apps.
  • Список поддерживаемых компонентов — от экранов базового уровня до отдельных компонентов, таких как кнопки, раскрывающиеся списки и ввод текста.
  • Важные подсказки по использованию компонентов.

Получение UI-комплекта

  1. Перейдите на страницу Create Apps из UI-комплекта Figma.
  2. При необходимости войдите в систему, используя свои учетные данные Figma.
  3. Выберите Дублировать, а затем выберите рабочую группу Figma, членом которой вы являетесь. Для получения дополнительной информации о дублировании проектов в Figma см. Figma: дублирование файлов или проектов.
  4. При необходимости щелкните стрелку вниз рядом с именем файла и переместите файл из черновиков.

Прочитайте инструкции

Прочитайте инструкцию на страницах Сначала прочтите это а также Шаг 1: Начало работы внутри UI-комплекта. Инструкции на этих страницах помогут вам понять общие принципы использования этого комплекта. Вы также узнаете больше о ресурсах, используемых комплектом, таких как стили шрифтов, рекомендации по компонентам, поддерживаемые компоненты и многое другое.

Создание дизайна вашего приложения

Следуйте инструкциям на странице Шаг 2. Создайте свое приложение внутри UI-комплекта, чтобы создать собственный дизайна приложения с помощью комплекта.

Что можно и чего нельзя делать при проектировании

Комплект содержит подробное руководство по использованию компонентов. Тем не менее, вот некоторые из основных правил, о которых следует помнить при разработке приложения:

  • Внимательно читайте каждую страницу, чтобы процесс проектирования и процесс преобразования прошли без проблем.
  • Выполняйте проектирование только с использованием поддерживаемых компонентов из этого комплекта.
  • Используйте только поддерживаемые шрифты, перечисленные в комплекте.
  • Не изменяйте имена компонентов.
  • Не изменяйте слои компонентов.

Дополнительная информация

Комплект также предлагает дополнительные страницы для получения дополнительной информации, как показано ниже:

См. также