Axure Tutorial: Use Widget Style Manager to Apply Typography, Color Palette and Shadows

Introduction

This article is a section of course Axure Full Course: Tutorial, Tips and Templates.

Usage of Widget Style Manager

Apply widget style manager to widgets

Create and Apply Typography with Widget Style Manager

Generally speaking, all design systems will have typography as a global attribute. Through widget style manager, you can quickly create typography and apply it to future designs. Next, take the typography of Bootstrap 5 as an example to demonstrate how to create and apply typography in Axure RP.

Create and Apply Color palette with Widget Style Manager

Generally speaking, all design systems will have palette as a global attribute. Through widget style manager, you can quickly create color palette and apply it to future designs. Next, take the color palette of Bootstrap 5 as an example to demonstrate how to create and apply typography in Axure RP.

Create and Apply Shadows with Widget Style Manager

Some design systems use shadows to represent elevation. Through widget style manager, you can quickly create shadows and apply it to future designs. Next, take the Bootstrap 5 shadows as an example to demonstrate how to create and apply shadows in Axure RP.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store