Skip to content

How to Style Shapes in Flows?

Enhancing the aesthetic appeal of flowcharts is achievable through strategically applying styles to the shapes within them....

Updated 16 Sep 20261 min read

Enhancing the aesthetic appeal of flowcharts is achievable through strategically applying styles to the shapes within them. These allow for customization, including color, font, shadows, and custom CSS code, enhancing overall aesthetics.


If you would like to create a visually appealing and professional-looking flowchart, Follow the below instructions to style a shape in MockFlow WireframePro:


  1. Upon clicking the shape, you can customize the shape color to your preference.


Screen Shot 2025-01-22 at 6.29.48 PM.png


  1. In the Colors section, you can modify the colors according to your preferences.


Screen Shot 2025-01-22 at 6.30.34 PM.png


  1. When double-clicking, you can customize the font style and color of the shape label.


Screen Shot 2025-01-22 at 6.31.03 PM.png


  1. You can add a shadow effect by utilizing the shadow position option.


Screen Shot 2025-01-22 at 6.32.07 PM.png


  1. Shapes can be further customized by employing the custom CSS option.


Screen Shot 2025-01-22 at 6.32.35 PM.png




Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with Microsoft