How to Make a Dotted Line in Figma

Quick summary

To make a dotted line in Figma, draw a line using the Shape Tools, then open Advanced Stroke Settings and set the stroke style to Dash with your preferred gap and cap values. This method works entirely within Figma's native Design panel and requires no plugins.

Steps

1. Go to the bottom of your Figma design canvas and click Shape Tools.
2. Select Line from the list of shape options.
3. Use your mouse to draw a line anywhere on the canvas.
4. In the Design tab, navigate to the Stroke section and click the Advanced Stroke Settings icon.
5. Click the Stroke Style menu to expand style options.
6. Choose Dash from the list of available stroke styles.
7. Set your preferred Dash, Gap, Dash Cap, and Join values.
8. Click anywhere on the canvas to apply the changes.
9. Your dotted line is now created and added to your Figma design canvas.