Styles in a team project can be edited without checking out the project styles. Hold CTRL or CMD while selecting styles in the left column and then make changes in the right column. You can also edit multiple styles at once. In the right column, check the box next to a style property to have that property override the Default style, and then make your selection for the property in the applicable field. To edit the style properties of a page style, select it in the left column. Use the Up and Down arrows to reorganize the styles in the dialog. To delete a style, select it and click Delete.
Alternatively, you can click Duplicate to make a new style from an existing style. To add a new style, click Add at the top of the dialog. The Page Style ManagerĬlick the Manage Page Styles icon, next to the page style dropdown in the Style pane, to open the Page Style Manager.
Then, you can click Copy Page style properties to update the new style with the edits you added to the current page. The Page Style Manager dialog will open, where you can select Add* to create a new style. Then in the Style pane, click the Manage Page Styles icon to the right of the page's currently applied page style. To quickly create a new style, edit the styling of any page.
It will also apply to any future pages using that page style. The update will apply to all pages in the project currently using that style. Then in the Style pane, click the Save changes back to style icon to the right of the style name to update it. To quickly update a style, edit the styling of a page currently using the style. When a page's style property selections differ from those of its applied page style, the style's name is followed by an asterisk in the Style pane. The Default style at the top of the Page Style Manager dialog, whose style property selections are applied to every page in the prototype. The page's applied page style, whose style property selections override the selections in the Default style. If you need to quickly make a style change to all pages in your prototype, and you're not yet using any other page styles, update the Default style.
Style property selections made on the page itself in the Style pane, which override the selections in both the Default style and the page's own applied page style.Īll pages start out in the Default style. Page Style HierarchyĮvery page's visual appearance is determined by style property selections made in the following locations, listed in order from highest to lowest priority:
You can view and manage the page styles in a prototype by clicking the Manage Page Styles icon next to the page style dropdown in the Style pane. To apply a page style to a page, click the canvas and then select the page style in the page style dropdown in the Style pane. If you change one of the property selections in the page style, the change will be applied to all pages using that style. You can apply a single page style to multiple pages in order to unify their styling. Page styles are reusable, centrally managed sets of style properties. While Low Fidelity mode is active on a page, it is converted to greyscale, and all fonts are replaced with the Axure Handwriting font for a rougher look. Low Fidelity mode reduces the visual fidelity of your pages to help your stakeholders focus on the UX of a design rather than its visuals.