Figma Design Guidelines
Group Vectors
Combine vector elements into a single group so Rocket generates them as one clean image.
Why vector grouping matters
Fill elements like images can be created using vectors.Often, many different vectors are combined to form a single image.
Example of grouping vectors
Group all vector images and paths into a single group to avoid design issues.
Best practices
- Combine related vectors into one group for a cleaner design hierarchy.
- Proper grouping makes it easier to manage and identify elements later.
- Without grouping, each vector is downloaded separately, which prevents Rocket from generating the image correctly.
Why this helps Rocket
Grouping vectors ensures that complex images are imported as one unit.
This keeps your designs clean, prevents broken images, and results in accurate design-to-code generation.
This keeps your designs clean, prevents broken images, and results in accurate design-to-code generation.
Need help? We’re here for you.
Email us at support@rocket.new or join our Discord community to get help, share ideas, and connect with other creators.
Email us at support@rocket.new or join our Discord community to get help, share ideas, and connect with other creators.