How Do You Make a Dotted Line in Figma?

How Do You Make a Dotted Line in Figma?

Figma is quickly becoming the go-to design tool for web designers. It offers an intuitive, user-friendly interface, powerful features, and the ability to collaborate in real-time with other designers. Plus, it's free to use for the first three projects! Figma has been around since 2012, but it has only recently become popular among web designers. 

How Do You Make a Dotted Line in Figma?

First step is to create a line: you go to the Shapes dropdown on the top bar and select the line tool. Or just press L.

After that you just draw your line. And once you're done you will see on the right panel Stroke Options.

Click on the button with the three dots. This will toggle the advanced stroke options. On stroke Style change it from Solid to Dash.

After that you can play around with the dash and gaps and cap until you end up with a good looking dotted line. 

Conclusion

Figma is quickly becoming one of the most popular design tools for web designers. It's easy to use, affordable, and has a vibrant community of users and contributors.

Plus, it has a wide range of powerful features, components, and collaboration tools. So, if you're a web designer, you should definitely give Figma a try!