DesignKit for Figma

Getting Started

Release Notes

Using DesignKit 2.0

Explore

Canvas

Add Prefixes

MyCondy

Last edited 63 days ago by MyCondy

This functionality is only available in PRO version

more info about PRO version find

here⁠

⁠

After designing of your Canvas screen, the plugin can help you to add all rectangle, label, SVG, button, container, and circle prefixes via "ADD PREFIXES" button under Canvas tab.

⁠

⁠

List of added prefixes by button

rectangle

label

SVG

button

container

circle

This means, that during couple of seconds your selected frames will have renamed all mentioned fields with needed prefixes.

If your screen contains some of the supported prefixes, DesignKit 2.0 checks these prefixes against the list of supported prefixes. If your prefix is included in the list, your prefix will not be replaced.

If you have hidden fields in your screen, these fields will be removed after clicking on "ADD PREFIXES" button.

BEFORE:

⁠

⁠

AFTER:

⁠

⁠

Add Prefix settings

⁠

⁠

Include Hidden

If your frame contains hidden objects, this switcher "Include Hidden" can save it, when you click on Add Prefix button under EXPORT tab. Please check the example below:

⁠

⁠

Replace RECT by HTML

This property can replace rectangle prefix by HTML prefix after clicking on Add Prefix button. By default, the plugin recognise all rectangles types and put RECT prefix. When you switch the property on, rectangle types will have HTML prefix. See the example:

⁠

⁠

← Import Canvas Component⁠

⁠

Validate Canvas Screens →⁠

⁠

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.