Skip to content
Gallery
DesignKit for Figma
Introduction
Getting Started
Release Notes
Using DesignKit 2.0
Share
Explore
Canvas

icon picker
Import Canvas Component

info

This functionality is only available in PRO version

more info about PRO version find
here
⁠
⁠
This new feature has been replaced instead of Design System. You will have the opportunity to conveniently import canvas components. All imported components via plugin has already prepared appropriate prefixes ready for export.
List of Components:
Audio player
Barchart
Calendar
Info Box
Popup
Short Calendar
Radio
Radio PCF
Rating
Rich Text
Button
Button PCF
Combobox
Combobox PCF
Datepicker
DatePicker PCF
Slider
Slider PCF
Text
Text PCF
Number Input PCF
Language Bar
Picture Uploader
Video player
Select one of the mentioned component and click on "SUBMIT" button under Helper tab.

⁠
Screenshot 2024-09-14 at 7.07.24 2.png
⁠
⁠

Classic Components

⁠
audio_music_player.png
⁠
⁠
⁠
video_player_video.png
⁠
⁠
⁠
btn_classic_button.png
⁠
⁠
⁠
check_classic_checkbox.png
⁠
⁠
⁠
combo_classic_combobox.png
⁠
⁠
⁠
dropdown_classic_dropdown.png
⁠
⁠
⁠
list_classic_listbox.png
⁠
⁠
⁠
picker_date_picker.png
⁠
⁠
⁠
radio_classic_radio.png
⁠
⁠
⁠
rating_classic_rating.png
⁠
⁠
⁠
sl_classic_slider.png
⁠
⁠
⁠
toogle_classic_toggle.png
⁠
⁠
⁠
txt_classic_text_input.png
⁠
⁠

Modern PCF Components

⁠
btnpcf_button.png
⁠
⁠
⁠
checkpcf_checkbox.png
⁠
⁠
⁠
combopcf_input_code.png
⁠
⁠
⁠
datepcf_picker.png
⁠
⁠
⁠
dropdownpcf_dropdown.png
⁠
⁠
⁠
numpcf_number_field.png
⁠
⁠
⁠
slpcf_slider.png
⁠
⁠
⁠
togglepcf_toggle.png
⁠
⁠
⁠
txtpcf_Text.png
⁠
⁠

Custom components

These custom components will help you to revive your Canvas design.
Barchart:
⁠
barchart_twoquarters.png
⁠
⁠
Calendar:
⁠
cal_calvacation.png
⁠
⁠
Info box:
⁠
vercont_infobox.png
⁠
⁠
Popup:
⁠
popup_message_box_p.png
⁠
⁠
Short Calendar:
⁠
shortcal_calendar.png
⁠
⁠
Language Bar:
⁠
langbar_LanguageBar.png
⁠
⁠
Picture Uploader:
⁠
vercont_uploader.png
⁠
⁠
Every month you can expect more PCF & Custom components available in this plugin.

⁠
← Import Canvas App
⁠
⁠

⁠
Swap Component →
⁠
⁠
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.