Skip to main content

​
Why vector grouping matters

Fill elements like images are often made up of many individual vectors combined into one. If those vectors are not grouped, Rocket downloads each one separately and cannot reconstruct the image correctly.
Animated example showing grouped vectors
Icons should be designed using vectors, not PNGs. Vector-based icons scale cleanly and import correctly into Rocket.

​
Best practices

  • Combine all related vectors into a single group before importing.
  • Proper grouping makes it easier to manage and identify elements later.
  • Ungrouped vectors are downloaded as separate images, producing broken or duplicated output in the generated code.

Back to guidelines

See all design guidelines for preparing your Figma files.