Axure Tutorial: Automatically Resize Buttons Based on Text Content!

Introduction

When using Axure to design prototype, we often need to adjust the length and width of the button. We usually use the mouse to drag to adjust it. However, when the length of the button text is different, the frequent dragging will be very complicated. Is there any way to improve the efficiency?

Preview

Let’s take a look at the completed prototype first ~ (the buttons are mainly used on the desktop end, which are frequently used when making background prototypes)

Making Method

First we select a widget you need to use. Generally speaking, the following two widgets with borders are used, and the color can be modified according to the situation.

  • L is left (left padding, that is, the distance between the text and the left border)
  • T is top (top padding, that is, the distance between the text and the upper border)
  • R is right (right padding, that is, the distance between the text and the right border)
  • B is bottom (bottom padding, that is, the distance between the text and the lower border)

--

--

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