SaltfishTry for free

How to Make a Dotted Line in Figma

·2 min read
In this article

Here's how to make a dotted line in Figma

  1. Navigate to the Shape Tools section located at the bottom of your Figma canvas.
  2. Select the 'Line' option from the available shape tools.
  3. Draw a line on your canvas by clicking and dragging with your cursor.
  4. Locate the Stroke section in the Design panel on the right side.
  5. Click on the 'Advanced Stroke Settings' icon to expand additional options.
  6. Open the 'Stroke Style' dropdown menu to view pattern options.
  7. Select 'Dash' from the available stroke style options.
  8. Adjust the 'Dash', 'Gap', 'Dash Cap', and 'Join' settings to achieve your preferred dotted pattern.
  9. Click elsewhere on the canvas to confirm and apply your dotted line settings.

Ready to get started with
interactive demos?

Try for free

Frequently Asked Questions

Yes, you can control dot spacing using the 'Gap' setting in the Advanced Stroke Settings. Increase the gap value to create more space between dots, or decrease it for tighter spacing. The 'Dash' value controls the size of each individual dot.