It takes only seconds to add a dotted line in Figma. Let’s go through the process step by step for a quick overview.
1.Go to the area at the bottom of your Figma canvas and choose Shape Tools from the menu.
2.Click on the 'Line' button from the list provided.
3.After that, make a selection by drawing a line with your mouse around the canvas.
4.Afterward, move to the Stroke part of the Design tab and then press the Advanced Stroke Settings button.
5.Following that, click the ‘Stroke Style’ menu option.
6.Click on the option ‘Dash’ from the list you see.
7.After that, pick the 'Dash', ‘Gap’, ‘Dash Cap’ and ‘Join’ you want to create.
8.Then, press anywhere on the canvas to make the changes happen.
9.In the end, a dotted line will be added to your Figma design canvas.
FAQ'S
How to Make a Dotted Line in Figma
We make websites that bring joy and meet your goals.
We create digital experiences that not only capture the users but also empower businesses in a highly competitive world. We are dedicated towards developing creative solutions that will easily fuse creativity with functionality, with long-lasting effects.
