FigmaToCode icon indicating copy to clipboard operation
FigmaToCode copied to clipboard

Messaging around images and vectors is confusing

Open mimshwright opened this issue 9 months ago • 1 comments

Vectors

There is a new setting to toggle whether to export vectors.

  1. The help text for the toggle is confusing.
    Image

I suggest the following copy: "Enable this to convert vector shapes to SVGs and embed them in the design. This can be a slow operation. If unchecked, shapes will be converted into rectangles."

  1. The warning message when Embed Vectors is false is misleading. It should say "Vectors have been converted to rectangles. Select "Embed Vectors" in the styling options to include them as SVGs.
  2. I think Embed Vectors should be on by default.

Images

Similarly there is a toggle for enabling image output.

  1. I think we need a similar message when images are output as placeholders. Like "Images were replaced with generic placeholders. Select "Embed Images" in the styling options to include them in the code."
  2. Embed Images setting should be false by default I think.
  3. If in the future we allow users to download individual images or a zip of images, we could update this messaging again or rethink whether we need all these options.

Other

  • Seems like some of these "warnings" should be more like "information". I wonder if we should add a way to put a non-warning message there.

mimshwright avatar Mar 11 '25 12:03 mimshwright

  • ✅ updated copy

I think Embed Vectors should be on by default.

I turned it off because it fails on some very specific nodes, I hope we can figure out why, then I want to turn it on again.

bernaferrari avatar Mar 12 '25 06:03 bernaferrari