β¨ Overview
CreativeOS provides a wide variety of shapes to enhance your designs β from lines and arrows to circles, squares, and more. Shapes are versatile elements you can customize to match your creative needs.
π§ To use a shape
On the Editor sidebar, click Shapes.
Click the shape you want to add. It will appear on your canvas.
π¨ Editing Shapes
Once a shape is on your canvas, click it to reveal the toolbar above the canvas. Hereβs what you can do:
Change Shape Color
Click the color square to pick a new fill color.
Use the color picker, enter a hex code, or select from recent colors.
Toggle Outline Only
Switch the shape between a filled shape and an outline-only version.
Add Border Color
If the shape has a border, click the border color square to choose a new color.
This option is available if a Border weight or style is set for a shape
Change Border Weight and Style
Adjust the thickness of the border.
Switch between solid, dashed, or dotted border styles.
Adjust Corner Rounding / Radius
Smooth out corners of rectangles or squares to create rounded edges.
Drag the corner radius slider or enter a value for precise rounding.
Edit Layer Position
Bring the shape forward or send it backward relative to other elements.
Useful for layering multiple shapes, icons, or images.
Adjust Transparency
Make your shape more transparent or fully opaque using the opacity slider.
Lock Shape
Lock the shape in place to prevent accidental edits or movements.
Unlock at any time to make changes.
π‘ Tips
Use shapes to structure your designs, create emphasis, or add decorative elements. Lock shapes that are part of your layout to prevent accidental movement while editing other elements.
Combine multiple shapes and layer them to create complex designs. Use transparency and layer positioning to achieve depth and visual hierarchy.