You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Plugin UI Components & Resources will provide guidance around the different elements you can use to build a plugin UI. It covers everthing from styles to building a layout. For guidance around the design patterns and best practices refer to the [UX guidelines](../ux_guidelines/index.md).
3
+
The user interface section will provide guidance around the different elements you can use to build a plugin UI. It covers everything from styles to building a layout. For guidance around the UX of a plugin and best practices refer to UX patterns.
4
4
5
5
XD plugins can display UI in the form of modal dialogs, built with JavaScript and a supported subset of HTML and CSS.
6
6
7
7
The tutorials contained in this section will give you an in-depth look at UI features available to your plugin through the API.
In this section you can see what styles you can use in the UI, how to build a modal layout and the UI elements you can use.
16
13
17
-
**Styles** - in this section you can learn more about rich styling options in your user interface through a combination of CSS and various classes that are defined for you.
14
+
-**Styles** - in this section you can learn more about rich styling options in your user interface through a combination of CSS and various classes that are defined for you.
15
+
16
+
-**Layout** - learn about the layout modes supported by the XD user interface APIs
18
17
19
-
**Elements** - see what elements are fundamental to your user interface.
18
+
-**Elements** - see what elements are fundamental to your user interface.
20
19
21
-
**Layout** - learn about the layout modes supported by the XD user interface APIs
20
+
-**Building a modal** - a modal dialog is used to display important information and ask for user input. XD Plugins can display user interface in the form of modal dialogs.
22
21
23
-
**Modal** - a modal dialog is used to display important information and ask for user input. XD Plugins can display user interface in the form of modal dialogs.
22
+
-**Design GitHub Repo** - Use the sticker sheet to design your plugin in XD.
24
23
25
-
## Resources
26
-
Use the sticker sheet to design your plugin in XD.
0 commit comments