Figma to Daruma

The Daruma file format is constantly being developed and improved to handle virtually all aspects that might be included in design file formats. Moreover, parsed design files can present effects accurately and with high quality. We currently offer solutions for Adobe Illustrator and Sketch files in addition to processing Figma files. We constantly stay current with new design software features and characteristics, updating our most recent functionality. Please consult the official tutorial material offered by Figma if you have any issues regarding how to save Figma files locally. Each file format's detailed characteristics and whether Daruma supports them are shown below.

✅ Supported
❌ Currently not supported
⭕️ Partially supported and the remaining parts are being developed

Feature			Explanation	Status
Layer properties	Frame		Figma's unique framework type is used to store design elements, which may be interpreted as Artboard or Frame in Daruma.	✅
	Section		Figma's unique content management and categorization area, which may be interpreted as Artboard or Frame in Daruma.	✅
	Group		Group refers to the act of combining multiple layers or objects together to form a single entity.	✅
	Mask	• Outline mask • Alpha mask • Luminosity mask	Mask is a mechanism used to control the visibility of layers or objects. By combining a layer or object with a mask layer, you can control the display or hiding of underlying content based on the shape and transparency of the mask.	⭕️
	Rotation		Rotation refers to the operation of rotating a layer or object around a certain center point by a certain angle.	✅
	Overflow	• Clip • Visible	Overflow refers to the way content is handled when a container cannot fully display its contents. The overflow property can be used to control whether scrollbars are displayed or content is clipped when it overflows.	✅
	Boolean	• Union • Subtract • Intersect • Exclude	Boolean is commonly used to refer to boolean operations between graphic objects.	✅
	Components	• Main component • Component instance	Components refer to reusable visual elements or modules.	⭕️
	Vector layer		Vector layer refers to a layer based on vector graphics.	✅
	Opacity		Opacity refers to the degree of transparency of a layer or object.	✅
	Blend mode	There are a total of 17 types	Blend mode refers to the algorithm for blending or combining colors between layers.	✅
	Radius		The term "Radius" refers to the value of the radius of a rounded corner.	✅
	Flip		Flip refers to the operation of mirroring a layer or object horizontally or vertically.	✅
Shapes	Basic shape and path shape	• Rectangle • Line • Arrow • Ellipse • Polygon • Star • Vector path	The basic shape refers to pre-defined simple geometric figures, such as rectangles, circles, ellipses, etc. Path shape is a custom shape composed of a series of straight line segments and curve segments.	✅
	Open path & Close path		An open path refers to a state where the starting and ending points of a path are not connected. A closed path refers to a state where the starting and ending points of a path are connected by line segments or curves, forming a closed shape.	✅
	Compound Path		A compound path is a single shape formed by combining multiple path shapes.	✅
	Bezier curve		Bézier curve is a mathematical curve defined by a starting point, an endpoint, and control points to determine its shape.	✅
Texts	Text Layer		Text layers are used to add and edit text content.	✅
	Basic Metadata and styles	• Basic styling (font, size, weight, color, etc) • Text decoration lines and text case transformation	It refers to the basic information and style attributes applied to the text layer.	✅
	Paragraph Property	• Line height • Line spacing • Paragraph spacing	The paragraph attribute is used to control the layout and formatting of paragraphs in a text layer.	✅
	Text Layer Resize	• Fixed • Auto width • Auto height	Text layer resizing refers to the operation of changing the size of a text box to fit the content of the text.	✅
	Open Type features		OpenType is a font file format that supports many advanced font features.	❌
	Emoji		Emoticons are graphic symbols used to represent emotions, objects, or concepts.	✅
	List style		The list style is used to control the appearance and layout of lists in a text layer.	✅
Images	Image Adjust		Image adjustment refers to the operation of adjusting an image to change its appearance or characteristics.	✅
	Image Filters	• Exposure • Contrast • Saturation • Temperature • Tint • Highlights • Shadows	Image filters are tools that apply special effects or adjustments to images.	⭕️
Layouts	Auto layout		Auto layout is a design feature that automates the arrangement and resizing of elements within a user interface, ensuring that they adapt and respond to changes in content or screen size.	✅
	Layout grid		A layout grid is a visible grid of horizontal and vertical lines that helps designers align and position elements accurately and maintain consistent spacing and proportions throughout the design.	❌
Styles	Fill	• Color • Gradient angular • Gradient linear • Gradient radial • Gradient diamond • Image • Gif • Video	Filling refers to the process of filling the interior area of a shape or path with color, gradient, texture, and other methods. Currently, the layer does not support filling with GIF and video.	✅
	Pattern fill type	• Fill • Fit • Stretch • Tile	Allows users to fill a shape or area with a repeating pattern instead of a solid color or gradient.	✅
	Closed path fill		It refers to the ability to fill colors within individual closed paths.	✅
	Stroke	• Color • Fill • Position • Stroke width • Stroke style • End points • Join type • Marker type • Miter angle	Stroking refers to applying a line on the boundary of a shape or path, used to define the outline of the shape or path. Not currently supporting marker type and miter angle.	✅
	Shadow	• Drop shadow • Inner shadow	Shadow is a visual effect created behind graphic elements or text to simulate the shadow effect under light illumination. The current effect has not yet met our requirements, and we will continue to optimize it.	✅
	Blur	• Layer blur • Background blur	Blur is an effect that reduces the sharpness and details of an image or graphic element, making it appear blurry or softened. The current effect has not yet met our requirements, and we will continue to optimize it.	✅