Skip to content

Pixso Editor Configuration

Design Editor Features

Top Bar

Left Menu

Feature IDDescription
editor_return_backback button
editor_top_menu_leftleft menu
new_filenew file
editor_deep_searchdeep search
editor_edit_menuedit
editor_object_menuobject
editor_text_menutext
editor_align_menuarrange
editor_user_preferencesuser preferences
editor_history_versionshistory versions
editor_shortcuts_guidekeyboard shortcuts guide
editor_open_in_clientopen in client
editor_importimport
editor_import_piximport Pixso
editor_import_sketchimport Sketch
editor_import_xdimport XD
editor_import_figmaimport Figma
editor_import_axureimport Axure
editor_exportexport
editor_export_pixexport Pixso
editor_export_sketchexport Sketch
editor_export_xdexport XD
editor_export_pxhmexport Pxhm
editor_export_pdfexport PDF
editor_about_pixsoabout Pixso

File Management

Feature IDDescription
editor_file_namefile name
editor_folder_nameproject name
editor_top_menu_filefile management
editor_publish_stylespublish styles and components
editor_renamerename
editor_view_historyview history versions
editor_collectfavorite
editor_duplicateduplicate
editor_move_filemove file
editor_delete_filedelete file

Center Icons and Right Side

Feature IDDescription
editor_top_menu_middlecenter icons
editor_top_menu_aiAI
editor_top_menu_rightright side
editor_right_portraitcollaborator avatars
editor_pluginsplugins
editor_learn_explorelearn and explore
editor_shareshare
editor_developer_modedeveloper mode
editor_presentation_modepresentation mode
editor_menu_zoomcanvas settings
Feature IDDescription
editor_left_layerlayers
editor_left_layer_searchsearch
editor_left_page_listpage list
editor_left_layer_listlayer list
editor_left_componentcomponents
editor_left_component_searchcomponent search
editor_left_component_library_listsubscribed component library list
editor_left_component_library_entrycomponent library entry
editor_left_resourceresources
editor_left_resource_listbuilt-in resource list
editor_left_resource_moreexplore more resources entry
Feature IDDescription
editor_right_designdesign panel
editor_right_prototypeprototype
editor_right_developer_modedeveloper mode

Bottom Bar

Feature IDDescription
editor_bottom_selectionmove
editor_bottom_handhand tool
editor_bottom_commentscomments

History Versions

Feature IDDescription
editor_history_version_copycreate copy from history version

Prototype Editor Features

Top Bar

Feature IDDescription
product_import_pipimport pip file
product_presentation_modepresentation mode
product_return_backreturn to workbench
product_create_filenew file
product_file_namefile name
product_folder_nameproject name
product_share_fileshare file
product_export_pipexport pip file
product_export_pdfexport PDF
Feature IDDescription
product_team_componentteam component library
product_ent_componententerprise component library

Other

Feature IDDescription
font_cloud_teamfont list, cloud fonts, team tab
font_externalfont list, third-party fonts
open_file_pickerwhether to disable window.showOpenFilePicker
file_share_project_levelproject permission display in the file sharing dialog
file_share_team_levelteam permission display in the file sharing dialog
file_share_contact_change_levelcontact 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 embedded url and dialog title.

Currently supported feature IDs:

  • editor_return_back - design editor back button
  • product_return_back - prototype editor back button
  • editor_presentation_mode - design editor presentation mode
  • product_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"
	}
}