Skip to main content
matlo
matlo
Jul 31, 2024 2:04 PM UTC
Question

How can you make a closed shape with partial stroke? This is wild

I imported an icon and it looks like this (see link below). How did they achieve a closed shape with a partial stroke? I’ve been asking around and googling, no one seems to have an answer so far, or at least i could not find it. How the hell do you achieve this in Figma?

Figma – 31 Jul 24

Screenshot 2024-07-31 at 3.54.09 PM

This topic has been closed for replies.

3 replies

Motele
New Participant
Jul 31, 2024 2:56 PM UTC

The principle behind this comes from Illustrator where you have a Fill and an Outline Color. If you have an Outline with a partial stroke you can still give it a Fill which leads to the result you posted. I am not sure though how this is reproduced in Figma but maybe it’s the same logic.

    KennLucas
    KennLucas
    Jul 31, 2024 3:44 PM UTC

    What format did you import as?

    It is entirely possible to add a stroke to a line. I create icons in Illustrator and export as SVG.

    I could see myself drawing a rounded corner square and them using pathfinder to remove that section. Then just exporting it to SVG. Probably sloppy, and I like to think I would not do that anymore.

    But maybe that is one explanation?

    Gleb
    Gleb
    Power Member
    Jul 31, 2024 3:58 PM UTC

    It’s just an artefact of the SVG import. No way to reproduce directly within Figma.

      Terms & ConditionsAccessibility statement