Axure Course · Axure Promotion · Axure Tutorial · Axure Widget · Elementary · Shapes · Aug 01, 2022

Axure Tutorial: Common Widgets - Shape

by WELLJOE

Introduction

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

Shapes is the most common widget. Our commonly used buttons, text, and various boxes are fundamentally variants of shapes.

Change Shape

Various shapes can be converted to each other. Right-click a shape and click Select Shape in the context menu to select the shape of the shape.

Change shape

Draw Shape

With the Pen Tool, we can draw Shapes of custom shapes. Select the Pen Tool on the Style Toolbar and draw the shape on the canvas. The use method of the pen tool is basically the same as that of other designing tools.

Use pen tool to draw shape

About Text and Button

Essentially, Text, Including Headings, are special shapes. No background filling, no border, no rounded corners, Fit to Text Width and Fit to Text Height are set.

Text

You can turn it into a button by adjusting its style.

Convert Shape to Component

You can convert frequently used Shapes into Components for easy next use.

Right-click the button, select Create Component, turn it into a Component. The next time you use it, just drag it to the canvas.

Save Shape Style to Widget Style

There is another way to quickly create a Shape style, that is to use Widget Style.

Select the shape, click the button in the Style pane on the right, select the Create New Style option, and save the shape's style to the Widget Style.

The next time you want to use this shape style, select a shape and apply the saved widget style.

Add Style Effects to Shape

There are many shapes need to add Style Interactions, such as Buttons. Adding Style Effects to Shapes is faster than adding interactions directly(use events) to Shapes.