Примітка
Доступ до цієї сторінки потребує авторизації. Можна спробувати ввійти або змінити каталоги.
Доступ до цієї сторінки потребує авторизації. Можна спробувати змінити каталоги.
[Ця стаття стосується попередньої версії, і її буде змінено.]
Щоб створити програму на основі дизайну Figma , потрібно почати з комплекту «Створення програм з Figma інтерфейсу користувача». Комплект інтерфейсу користувача складається з компонентів, зразків програм і кількох додаткових ресурсів, наведених нижче.
- Відомості про підтримувані та непідтримувані можливості.
- Покрокові інструкції щодо створення програми в Figma із можливістю її подальшого перетворення в Power Apps.
- Список підтримуваних компонентів — від екранів базового рівня до окремих компонентів, таких як кнопки, розкривні меню та текстові вводи.
- Важливі вказівки щодо використання компонентів.
Отримання комплекту інтерфейсу користувача
- Перейдіть на сторінку «Створення програм із Figma комплекту інтерфейсу користувача».
- За необхідністю увійдіть у Figma під своїми обліковими даними.
- Виберіть « Дублювати», а потім виберіть Figma команду, до якої ви належите. Докладнішу інформацію про дублювання проектів можна знайти в Figma статті Figma: Дублювання файлів або проектів.
- За необхідності виберіть стрілку вниз поряд з іменем файлу та перемістіть файл із чернетки.
Ознайомлення з інструкціями
Прочитайте інструкції зі сторінок Спочатку прочитати це та Крок 1: Початок роботи всередині UI kit. Інструкції на цих сторінках допоможуть зрозуміти загальні принципи використання цього комплекту. Ви дізнаєтеся про ресурси, які використовуються в комплекті, зокрема про стилі шрифтів, рекомендації щодо компонентів, підтримувані компоненти тощо.
Розробка програми
Дотримуйтесь інструкцій у кроці 2: Створіть сторінку свого додатка в UI kit, щоб почати використовувати комплект для створення власного дизайну програми.
Дозволені й заборонені дії під час розробки
Комплект містить докладні інструкції щодо використання компонентів. Проте під час розробки програми слід пам’ятати, що дозволено робити, а що заборонено.
- Уважно прочитайте кожну сторінку, щоб процеси розробки й перетворення пройшли без проблем.
- Для розробки використовуйте лише підтримувані компоненти, які входять до цього комплекту.
- Використовуйте лише підтримувані шрифти, перелічені в комплекті.
- Не змінюйте імена компонентів.
- Не змінюйте шари компонентів.
Докладніше
Комплект також містить додаткові сторінки з докладнішою інформацію, як зазначено нижче.
- Крок 3: Перетворення на програму – візуальне представлення перетворення дизайну програми на програму. Щоб ознайомитися з покроковими інструкціями, перегляньте статтю Створення програми для створення полотна з Figma.
- Крок 4: Наступні кроки - пояснює можливі наступні кроки, які ви можете зробити для подальшої підготовки вашого додатка до вашого бізнес-сценарію. Ці кроки включають підключення до даних, додавання логіки програми, додавання більшої кількості екранів і елементів керування.
- Підтримувані компоненти - містить інформацію про підтримувані компоненти . Щоб отримати додаткові відомості, перегляньте статтю Компоненти, які підтримуються комплектом інтерфейсу користувача.