Back to Plugins
Node››frame

Node››frame

Transform Figma elements into frames and components, preserving all properties.

utilityshapesnodeimageellipseframevectorconvertergroup to frameconversionrectanglegroup

Plugin Preview

Node››frame preview

About this plugin

Transform any Figma element into frames, components, and more - with properties preserved!


Tired of recreating elements because you need a different node type? This plugin lets you convert between various Figma elements whilst preserving their styling, position, and hierarchy.


Key Features:

  1. Convert shapes (rectangles, ellipses, vectors) to frames or components
  2. Transform instances into components whilst maintaining their properties
  3. Convert text layers into frames (with options to preserve text structure)
  4. Turn vectors into frames (with options to convert points to shapes)
  5. Convert frames to grid layouts with customisable options
  6. Transform groups into frames (with recursive option for nested groups)
  7. Convert components/instances to frames, groups, or shapes
  8. Apply auto-layout during conversion with customisable settings


All conversions preserve:

  1. Visual properties (size, position, fills, strokes, effects)
  2. Component properties
  3. Child hierarchy and positioning
  4. Blend modes and opacity


Available Commands:

  1. Shape to Frame / Auto-Layout Frame / Component
  2. Instance to Component
  3. Frame to Grid / Shape / Component
  4. Group to Frame (with recursive option)
  5. Text to Frame
  6. Vector to Frame
  7. Component to Frame / Group / Shape


Works with multiple selections - convert multiple elements at once!


Note: All conversions maintain the exact visual appearance and position of your elements, ensuring your designs stay pixel-perfect through the conversion process.

Plugin Details

Version19
CreatedMarch 13, 2021
Last UpdatedFebruary 23, 2025
Categoryshapes-colors
CreatorKarl Koch
Stats5121 installs, 248 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the shapes-colors category.