Skip to main content

Text converted to vectors should be grouped by letter


mcram

Currently, when text is converted to vectors by flattening, it is rendered as one single vector object. Double clicking reveals all bezier nodes. For complicated letter forms, this can make it difficult to move/manipulate individual letters.

It would be more useful if flattened text were rendered as a group of individual letter paths with each letter’s layer named that particular character. Bezier points could still be accessed by double clicking the letter form.

Hopefully the image will help clarify:

11 replies

Joshua_Mao

not sure if people are still following this but I found a workaround -

  1. Flatten Text
  2. Export as SVG
  3. Drag SVG back into Figma

Somehow, this process groups the vectors by letter within figma


mcram
  • Author
  • 27 replies
  • March 23, 2022

Excellent workaround! Thank you!

Hey Figma friends… seems like an easy fix (what do I know though). Can you tidy this one up?


Josh
  • Former Community Manager
  • 1019 replies
  • March 23, 2022

Oh interesting! Thanks for sharing the feedback and workaround. We’ll pass this along and see what we can do here. 🙂


mcram
  • Author
  • 27 replies
  • October 17, 2022

The results of the workaround posted by Joshua_Mao is exactly how this should work.


Romanr
  • New Participant
  • 9 replies
  • April 26, 2023
  1. Flatten text
  2. select a letter, cut.
  3. create empty frame , right click , paste here, fit frame to selection.

mcram
  • Author
  • 27 replies
  • April 27, 2023

Yes, but it is not always so easy if the letters are complex or have overlaps or lots of letters. It would be so much more efficient to have the letters broken up separately. The SVG workaround is useful but again would be better if not necessary.


Mika_Kuitunen1

I just ran into this while converting an icon font into a set of vectors, the export as SVG and re-import was a helpful workaround but a more flexible flatten would be even better. In my case I needed the characters as individual frames so perhaps building some options into it would be useful as well.


mcram
  • Author
  • 27 replies
  • October 6, 2023

Well, friends. Figma has announced today that this will be fixed! Huzzah!! Thanks, Figma.


Romanr
  • New Participant
  • 9 replies
  • January 30, 2024

@mcram where did you see that?
4 months later doesn’t look like it was changed. Converted text is the same as before.
By the way there was some plugin that done that.


mcram
  • Author
  • 27 replies
  • January 30, 2024

Hey @Romanr! It is totally fixed! Just choose “outline stroke” on your text and you get a group of separated, vector letter shapes. If you prefer the old way, with one vector shape of all the text, choose “flatten” instead. Awesome!


RonMan
  • New Participant
  • 6 replies
  • June 23, 2024

Doesn’t look like anything was changed about this.
Both Flatten and Outline Stroke produce single path shape that’s your problem to separate. There are plugins though that will separate text layer.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings