Canvas

icon picker
Add Prefixes

Last edited 1 day ago by MyCondy
minus

Documentation is outdated

Here you can find a new
New Roadmap
More info about DesignKit you can find

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.

Screenshot 2024-10-27 at 8.22.17.png
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.5 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:
Screenshot 2024-05-25 at 11.11.39.png
AFTER:
Screenshot 2024-05-25 at 11.11.59.png

Add Prefix settings


Screenshot 2024-10-27 at 8.34.20.png
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:
include hidden.gif
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:
replace rect.gif
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.