Gallery

DesignKit for Figma

Introduction

Getting Started

Release Notes

Release Roadmap

Using DesignKit

Explore

Canvas

Yaml Snippet

MyCondy

Last edited 31 days ago by MyCondy

This functionality is only available in PRO version

more info about PRO version find

here⁠

⁠

The feature can help you to put a copied code from your clipboard to Figma.

⁠

⁠

How to put copied code from Power Apps

Step 1 - Open some Power Apps application in edit mode

⁠

⁠

Step 2 - Select control and copy code

⁠

⁠

⁠

Step 3 - Paste code from clipboard to DesignKit plugin

⁠

⁠

and click on GENERATE button.

List of supported controls:

Screen

Container - manual, horizontal, vertical

Form/FormPCF

Form Viewer - Display Form

Gallery - vertical, horizontal

Group

Image

Icon

ComboBox - classic, modern

CheckBox - classic, modern

DropDown - classic, modern

DatePicker - classic, modern

Rating - classic, modern

Timer

Audio, Video

Number Input

Table

Rectangle, Circle

Text Input - classic, modern

Label - classic, modern

Button - classic, modern

Html Viewer

Star, Octagon, Pentagon, Triangle

Slider - classic, modern

Rich Text Editor

Table Layout import

The last update of the DesignKit plugin also supports selection of your pasted layout (mobile,tablet). If you switch the Table Layout to ON, you will get a frame with tablet dimensions (1366x780px).

The feature is only working for SCREEN control.

⁠

⁠

Yaml Snippet Demo (DK version 2.5.8)

⁠

← Export to new YAML format⁠

⁠

Yaml Viewer →⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.