FigmaToCode
FigmaToCode copied to clipboard
Messaging around images and vectors is confusing
Vectors
There is a new setting to toggle whether to export vectors.
- The help text for the toggle is confusing.
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."
- 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.
- I think Embed Vectors should be on by default.
Images
Similarly there is a toggle for enabling image output.
- 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."
- Embed Images setting should be false by default I think.
- 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.
- ✅ 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.