data-slots=heading, text

data-variant=centered

data-textColor=white

data-background=linear-gradient(135deg, #30186E 0%, #6432C8 100%)

Developer Workflow

Set up a reliable development loop for creating, loading, checking, and debugging UXP plugins.

Configure your workflow

data-slots=link, text

data-width=300px
UXP Developer Tool
Manage projects, use the Playground, and work with load, watch, and debug actions.
data-slots=link, text

data-width=300px
TypeScript and IntelliSense
Add autocomplete, inline API documentation, and type checking to JavaScript or TypeScript projects.
data-slots=link, text

data-width=300px
Linting with ESLint
Catch common JavaScript mistakes before loading the plugin.

Next step

With your workflow configured, use the How-to Guides to add commands, lifecycle hooks, panels, dialogs, and plugin communication.