The shape tool allows you to create various shapes that can be used in flowcharting, diagramming, and for many other purposes.
Adding shapes
There are several simple ways to add shapes to the board:
- Select shape on the toolbar or press S on your keyboard, choose the one you would like to add, and click your board.
- Drag and drop a shape from the toolbar right to the board.
The Shapes panel
To see the full list of shapes click More shapes in the Shapes panel. This will open the Diagramming shapes panel.
You can add new shapes to the library by clicking Manage shapes. Basic shapes, Flowchart, and Connectors are available for everyone. Other shape packs (BPMN, Data flow, AWS, etc.) are only available for Business, Enterprise, and Education plans.
Styling shapes
You can customize the look of your shapes using various styling options to make them fit your needs and add a personal touch to your boards. Select a shape to change its style, color, and transparency. You can select several shapes at once and style them together. You can also style the borders by choosing the color, transparency, thickness, radius of rounded corners, and type.
Styling shapes
Here are all the options available for customization of shapes:
Border Style
Thickness: You can adjust the border thickness using a slider. Increase or decrease the thickness to make the border more prominent or subtle.
Opacity
Adjust the opacity of the shape with a slider. This allows you to make the shape more transparent or completely opaque.
Corner Style
Rounded Corners: You can adjust the corner radius of rectangle, rounded rectangle, or square shapes to create a softer look. Use the slider to control the roundness—set it to 0 for sharp, angular corners, or increase the value for progressively rounded edges, giving your shapes a smoother, more polished appearance.
Color
Border Color: Choose a color for the border from the available color options, including your brand colors and a full color palette.
Shape Fill Color: Choose a color to fill the shape, matching your design preferences.
Changing shape size or rotation
Use the white nodes on the corners of a shape to change the shape's dimensions. Drag the arrow icon to rotate the shape.
To change a shape size without changing its ratio, hold down Shift just like you would in any other graphics software.
Use Alt (for Windows)/Option (for Mac) to change a shape's ratio while keeping its center attached to the same place.
Converting shapes
You can also convert a shape into a card, text box, sticky note, or any other shape. Click the shape, then in the context menu, click on the Shape icon for other options.
Send shape back or bring to front
Send the shape back or bring to front.
- Click the vertical three dots icon on the context menu.
- Select an option: Bring to front or Send to back.
- Alternatively, use shortcuts Pg Up and Pg Dn (for Windows)/fn + ↑ and fn + ↓ (for Mac).
✏️ Arrange shapes on your board. This feature helps you style boards and diagrams precisely, especially with a large amount of overlapping content.
Adding text to shapes
To add text to a shape, select it and start typing. Shapes have a limit of 6,000 symbols.
You can change the text size, font, style, alignment, color, and highlight the text. Note that bullet points are not supported in shapes, please use text instead.
Quick diagram creation
As soon as you select a shape, a sticky note, or a card and hover over a blue dot near the object, it will show you where a new shape or a connection line will be created. Click the dot to create the line or the object. If you wish to connect the object to the one which is different from the suggested, drag the dot and draw a connection line.
Object dimensions
Use object dimensions to create the same size shapes across your board with precision. You can enable object dimensions in your board settings.
FAQ
Yes, you can change the radius of rounded corners:
- Select a square, rectangular, or rounded rectangular shape on your board.
- In the context menu, click the Border style, opacity, corners, and color icon.
- Adjust the radius using the slider or enter a specific value in the number input field (range: 0–100+).