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


Огляд створення додатків з Figma

[Ця стаття стосується попередньої версії, і її буде змінено.]

Можливість створювати програми безпосередньо з Figma файлів дизайну допомагає подолати розрив між дизайном і розробкою, прискорюючи процес розробки інтерфейсу користувача. Це дає змогу розробникам і дизайнерам ефективно співпрацювати, розробляючи якісні продукти для користувачів із низькими витратами та зусиллями.

Дизайнери можуть створювати дизайни за Figma допомогою набору «Створення програм з інтерфейсу Figma користувача», який містить підтримувані компоненти Power Apps та детальні інструкції щодо їх використання. Після створення макетів просто надайте посилання на файл макета Figma, і в Power Apps буде створено нову компоновану програму на основі цих макетів. Макети автоматично перетворюються на екрани в Power Apps. Коли інтерфейс програми буде готовий, ви можете розширити цю програму , підключившись до даних, додавши логіку програми, додавши більше екранів і елементів керування.

Знайомство.

Створіть свій додаток.

Перетворіть на програму.

Подальші дії.

Крок 1 - Перш ніж почати проектувати, прочитайте інструкції з комплекту Figma «Створення програм з інтерфейсу користувача» про те, що підтримується, а що ні.

Крок 2 - На Figma цій сторінці ви створите свій додаток, який містить інструкції та вказівки щодо роботи з підтримуваними компонентами.

Крок 3 - Усередину Power Apps, ви перетворите програму. Для цього потрібно надати посилання та маркер Figma.

Крок 4 - Після перетворення ви зробите кілька наступних кроків, які зроблять ваш додаток ще більш інтерактивним і корисним.

Розробка програми у Figma

Створіть свою програму за Figma допомогою набору «Створення програм з інтерфейсу Figma користувача». Використовуйте компоненти Power Apps , які підтримуються в комплекті, під час розробки програми.

Створюйте програми з Figma UI Kit.

Створення програми з вашого макета

Після того, як ви завершили роботу над дизайном програми, дотримуйтесь швидких і простих кроків, щоб створити програму для полотна на основі дизайну Figma .

Продовження розробки програми

Продовжуйте створювати свій додаток Power Apps Studio , додаючи більше екранів і елементів керування. Ви також можете розширити свій додаток, підключивши його до даних, або налаштувати його додатково, додавши логіку програми.

Див. також