Button Design Studio is a precision design tool. The canvas, layout panels and measurement tools need room to breathe — more than a phone can give them.
Open buttondesignstudio.com on a desktop, laptop or iPad to start designing.
PhoneNot supported
iPadSupported
DesktopSupported
Need help?
Send us a message and we'll get back to you by email.
Will you be uploading a photo or background image to use in the design you will create?
Or start with one of your saved text layouts.
Use the rainbow picker below to choose any background color, or select one of the saved hex swatches.Use the rainbow picker below to choose any background color, or select one of the saved hex swatches.TopBottomUse the rainbow picker below to choose any background color, or select one of the saved hex swatches.TopMiddleBottom
Editing color for: Center Text
Text Controls
If you are creating a button that requires no text (such as a photo button or if the background image you are importing already includes all necessary text for your design), click Delete All Text Fields below.
If you'd like to keep one or two text fields, you can remove them individually. Simply click the specific text field you want to delete, then click Delete This Text Field.
Image Controls
Use the rainbow picker below to choose any background color, or select one of the saved hex swatches.
Use the rainbow picker below to choose any background color, or select one of the saved hex swatches.
Fonts (Add/Delete)
Loaded font: None
Select imported fonts to remove:
Advanced Features
Quick access to advanced setup controls.
Background Gradient
Dashed Line Controls
Move the dashed line inward or outward in very small increments.
Negative moves the dashed line inward. Positive moves it outward. This setting stays in place when you refresh or reset default settings.
Use the rainbow picker below to choose any background color, or select one of the saved hex swatches.
Use the rainbow picker below to choose any background color, or select one of the saved hex swatches.
Dashed Line Does Not Print?
Click any text field in image above to drag or make changes to text in that text field
Design Studio Instructions
Choose whether you want to begin with imported artwork or with color only. If you already have a reusable setup, you can also start from a saved design and click Use This Saved Design to open the studio right away.
For photo or artwork designs, open Image Controls, upload the image, then adjust size, stretch, rotation, and placement until the subject sits where you want it. Use Add Enhancement Ring if you want the enhancement ring controls to appear directly below the image tools, and use DTF if you want to clear all text fields except the tagline.
Build the lettering next with Top, Center, Bottom, and any added straight text fields. Click text on the preview to jump directly to that field's controls.
Use the color picker line and your selected hex colors to keep backgrounds, text, outlines, and enhancement-ring colors coordinated throughout the design.
Open Advanced Features when you need gradients, dashed line controls, saved designs, uploaded fonts, saved hex colors, reset tools, or tagline setup.
Keep important names, dates, logos, and faces comfortably inside the dashed guide unless you intentionally want them close to the edge.
Select the final button size in the right panel before exporting so the print layout and preview sheet match the button you plan to make.
Choose PDF for printing pages or PNG when you want a single exported image.
Use the links below for Instructions, FAQs, and Troubleshooting, or use the Feature Finder button above when you want shortcut access to controls.