Skip to main content
Question

Convert SVG to frames


Pete_Markiewicz

I have been exploring how to create a pipeline:

Complex SVG graphic → Figma Frames

There are a lot of tools that allow SVG to be exported, but as far as I can tell, none that will take an SVG and try to convert elements into regular Figma frames. Does something like this exist? Thanks.

This topic has been closed for comments

6 replies

tank666
  • 4868 replies
  • March 19, 2024

You don’t need any converters because you can import SVG into Figma. Just drag and drop the SVG files onto the canvas. Figma itself converts them into nodes (frames, groups, vectors, etc.).


Pete_Markiewicz

I guess I was asking if there was a direct tool, Ai-driven, that tries to build a Figma model from an image, somewhat similar to vectorize.ai


tank666
  • 4868 replies
  • March 19, 2024

Look for plugins in Figma Community:

Figma

Pete_Markiewicz

No plugin seems to do the 1-step. Still have to manually pick apart the SVG.


tank666
  • 4868 replies
  • March 21, 2024

Could you describe more clearly what you want to do and get? This will help anyone understand the problem and suggest a solution.


Pete_Markiewicz

OK, use case:

  1. Start with bitmap from AI tool
  2. Convert to vectors, using AI tool like vectorize.ai
  3. Starting from SVG, create standard collection of Figma frames, images.
  4. Use dev mode, or move into a tool like UiChemy, which can convert a Figma model into a wordpress template file usable in Elementor, or Locofy, which creates ReactJS UI.

One would want modern AI support for the conversion - basically duplicate the steps a human designer would use to convert an SVG of a mobile screen to a Figma model.

Traditional converters are dumb, but LLM-style AI systems seem to be able to create in a more intelligent way. Locofy gets the visuals nearly perfect in conversion, and UiChemy gets about 80% of they way to WordPress. Both are using AI.

So, seems like something that might be in the works.


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