How to Make a Dotted Line in Figma
- George Apostolov
- 05 Sep 2025
Guide
Head over to the bottom section of your Figma design canvas and then click 'Shape Tools'.
Choose 'Line' from the list of options.
Following that, use your mouse cursor to draw a line anywhere around the canvas.
Once done, go to the Stroke section under the Design tab and click the 'Advanced Stroke Settings' icon.
Next, click the 'Stroke Style' menu.
Choose 'Dash' from the list of available options.
Subsequently, specify your desired 'Dash', 'Gap', 'Dash Cap', and 'Join'.
After that, click anywhere around the canvas to apply the changes.
Finally, a dotted line will be created and added to your Figma design canvas.
Create your first interactive demo in minutes
No credit card required • Start building today


