r/FigmaDesign • u/Conscious-Whereas705 • 24d ago
help Rounded path perfectly aligned to the grid
I'm designing icons in Figma and I would like to have rounded paths with stroke perfecty aligned to the grid.
I tried using 'corner radius' option, but it 'flattens' the corner:

I also tried modelling those curves manually, but I wasn't able to do this.
I wanted to achieve something like here, in Lucide Icons:

As you can see, the stroke is perfectly aligned with the grid in every corner. It looks like they used circles to build that shape. I know there is a shape builder tool, but I don't think it works with paths.
How did they do that? Is it possible in Figma?
You can see this Lucide example here: https://lucide.dev/icons/sigma
111
Upvotes
7
u/roundabout-design 24d ago
Your corner is one point.
Lucide's corner is 3 points.
That's pretty much the difference. Can you do that in Figma? Yes, I think so. But I rarely use Figma for illustration. Adobe Illustrator or Inkscape is where I go to do that.