Open Design

Figma feature support in the Octopus format

What Figma design data can you get?

Vector Paths

Vector paths consisting of cubic Bézier curves and line segments

Compound Paths

Individual shapes combined together using boolean operations: Union, Intersect, Difference, Exclude

Vector Effects

Effects applied to the shapes geometry, namely fills and strokes

Solid Fills

Solid colors applied to the shapes

Linear Gradient Fills

Linear transition among a set of colors applied to the shapes

Non-linear Gradient Fills

Color transition other than linear (like elliptical, radial, angular...) applied to the shapes

Pattern Fills

Shapes filled with an image, depending on the configuration the pattern might be respective and/or transformed


Shapes border of a particular width, filled with a solid color or gradient

Dashed Strokes

Shapes border formed by an alternating dash and gap pattern


Configuration determining which regions of a shape are inside and which are outside. The so-called 'winding rules' are even-odd or non-zero

Rounded Corners

Adjacent line segments connected by an arc of given radius.

Shape Type Meta-information

Information of geometric origin of a shape, e.g. rectangle, oval, line, triangle star

Text Layers

Blocks of texts with basic formatting (font, color, style, paragraph typesetting) and positioning

Text Frame Behaviour

Text frame policy governing how frame resizes based on its content. The policies are: auto-width, auto-height and fixed.

OpenType features

Set of typographic features available in some modern OpenType fonts.

Emoji Symbols

Emoji characters contained in the text.

Bitmap Images

Bitmaps loaded from variety of common raster image formats: PNG, JPEG, GIF, WEBP

PDF Images

Bitmaps and pattern fills loaded from PDF

Image Adjustments

Image color modifications achieved by changing a set defined color properties

Layer Transformation

Linear transformations applied to layers

Layer Masks

Technique of hiding a portion of a layer using on content of a different layer

Layer Effects

Visual effects applied to individual layers, typical examples are fills, strokes, blurs, shadows.


Figma way of organizing reusable parts of designs.

Component Variants

Component storing multiple variants of itself.

Resizing Policies

Set of layout rules applied to symbol/component when instantiated and resized.

Automatic Layout Systems

Layout engine rearranging reusable parts of design based on content


Interactive preview of a design

Cloud Integration


Possibility of commenting on particular elements of design

Layout Grids

Visual references aiding the structure of the design content.

Export Configurations

Persistent export settings of the layers