Connected Shapes

Connected Shapes is a shape design tool for Figma.

Start with simple geometry, shape the space between, and turn connected forms into your own visual language.

Explore the relationships between shapes.

Create automatic cutouts, adjust contour spacing, and refine connections with smooth fillets. Change size, position, and rotation in the plugin, and the connected contours update with your composition.

Make each starting point your own.

Build from basic shapes or explore editable presets. Change their proportions, rearrange the composition, and take it in a new direction. Every preset is a starting point for your ideas.

Add expression, depth, and movement.

Refine your composition with color, transparency, outlines, image fills, and glow. Explore depth, lighting, and shadows in the 3D workspace, or define start and end states to create motion.

Bring your results into Figma and keep creating—from brand graphics and key visuals to expressive layouts and motion explorations.

Free and ProStart with Free for 2D editing and 3D preview, with limited exports. Pro adds presets, project saving, image fills, motion, advanced 3D controls, and more. See the plugin for the full feature comparison and current pricing.

Created by heyyystudios.

Questions or feedback? Use the contact form in the plugin or email heyyydesigns@gmail.com.