Pixso Editor Configuration
Design Editor Features
Top Bar
Left Menu
| Feature ID | Description |
|---|---|
editor_return_back | back button |
editor_top_menu_left | left menu |
new_file | new file |
editor_deep_search | deep search |
editor_edit_menu | edit |
editor_object_menu | object |
editor_text_menu | text |
editor_align_menu | arrange |
editor_user_preferences | user preferences |
editor_history_versions | history versions |
editor_shortcuts_guide | keyboard shortcuts guide |
editor_open_in_client | open in client |
editor_import | import |
editor_import_pix | import Pixso |
editor_import_sketch | import Sketch |
editor_import_xd | import XD |
editor_import_figma | import Figma |
editor_import_axure | import Axure |
editor_export | export |
editor_export_pix | export Pixso |
editor_export_sketch | export Sketch |
editor_export_xd | export XD |
editor_export_pxhm | export Pxhm |
editor_export_pdf | export PDF |
editor_about_pixso | about Pixso |
File Management
| Feature ID | Description |
|---|---|
editor_file_name | file name |
editor_folder_name | project name |
editor_top_menu_file | file management |
editor_publish_styles | publish styles and components |
editor_rename | rename |
editor_view_history | view history versions |
editor_collect | favorite |
editor_duplicate | duplicate |
editor_move_file | move file |
editor_delete_file | delete file |
Center Icons and Right Side
| Feature ID | Description |
|---|---|
editor_top_menu_middle | center icons |
editor_top_menu_ai | AI |
editor_top_menu_right | right side |
editor_right_portrait | collaborator avatars |
editor_plugins | plugins |
editor_learn_explore | learn and explore |
editor_share | share |
editor_developer_mode | developer mode |
editor_presentation_mode | presentation mode |
editor_menu_zoom | canvas settings |
Left Sidebar
| Feature ID | Description |
|---|---|
editor_left_layer | layers |
editor_left_layer_search | search |
editor_left_page_list | page list |
editor_left_layer_list | layer list |
editor_left_component | components |
editor_left_component_search | component search |
editor_left_component_library_list | subscribed component library list |
editor_left_component_library_entry | component library entry |
editor_left_resource | resources |
editor_left_resource_list | built-in resource list |
editor_left_resource_more | explore more resources entry |
Right Sidebar
| Feature ID | Description |
|---|---|
editor_right_design | design panel |
editor_right_prototype | prototype |
editor_right_developer_mode | developer mode |
Bottom Bar
| Feature ID | Description |
|---|---|
editor_bottom_selection | move |
editor_bottom_hand | hand tool |
editor_bottom_comments | comments |
History Versions
| Feature ID | Description |
|---|---|
editor_history_version_copy | create copy from history version |
Prototype Editor Features
Top Bar
| Feature ID | Description |
|---|---|
product_import_pip | import pip file |
product_presentation_mode | presentation mode |
product_return_back | return to workbench |
product_create_file | new file |
product_file_name | file name |
product_folder_name | project name |
product_share_file | share file |
product_export_pip | export pip file |
product_export_pdf | export PDF |
Left Sidebar
| Feature ID | Description |
|---|---|
product_team_component | team component library |
product_ent_component | enterprise component library |
Other
| Feature ID | Description |
|---|---|
font_cloud_team | font list, cloud fonts, team tab |
font_external | font list, third-party fonts |
open_file_picker | whether to disable window.showOpenFilePicker |
file_share_project_level | project permission display in the file sharing dialog |
file_share_team_level | team permission display in the file sharing dialog |
file_share_contact_change_level | contact permission settings in the file sharing dialog |
Configuration
Feature configuration uses JSON:
json
{
"hidden_feature": [],
"link_replace": {},
"file_share_iframe": {}
}hidden_feature: feature ID array to hide.link_replace: mapping of feature IDs to replacement navigation links.file_share_iframe: settings for replacing the file sharing dialog with an iframe. Supports embeddedurland dialogtitle.
link_replace
Currently supported feature IDs:
editor_return_back- design editor back buttonproduct_return_back- prototype editor back buttoneditor_presentation_mode- design editor presentation modeproduct_presentation_mode- prototype editor presentation mode
file_share_iframe
Fields:
url: iframe URL. The following fields are appended to the URL:file_key: current file key.theme: current theme mode.default: light mode.dark: dark mode.
title: dialog title.
Supported message events:
size
Set dialog width and height.
json
{
"type": "size",
"data": {
"width": 452,
"height": 148
}
}toast
Show a toast.
json
{
"type": "toast",
"data": {
"msg": "",
"icon": "success" | "error" | "warn" | "info"
}
}Example
json
{
"hidden_feature": [
"editor_top_menu_left",
"editor_deep_search",
"editor_edit_menu",
"editor_left_layer",
"editor_right_design",
"editor_bottom_comments"
],
"link_replace": {
"editor_return_back": "https://example.cn/"
},
"file_share_iframe": {
"url": "https://example.com/share",
"title": "Custom Share"
}
}