Convert Figma document node tree to FabricJs json format

Job ID: 31088224

Budget: $30 – $250 USD

Request details

Objective

Develop a simple javascript mapping function which can convert a Figma document node tree to FabricJs .json format. It should convert all figma node types to the respective nodes in fabricJs format.

In other words, I should be able to import any figma design document to fabricJs with near pixel-perfect accuracy.

Description

Figma: https://figma.com
FabricJs: https://fabricjs.com

Figma designs layers are in a standard tree node as listed out here: https://www.figma.com/plugin-docs/api/nodes/

FabricJs designs can also be serialised in a standard .json format as listed out here: http://fabricjs.com/fabric-intro-part-3#serialization

The desired function should traverse deep through the hierarchy of Figma document node and create the same hierarchy mapped to a Fabricjs .json

Deliverables

A js function which can map all Figma Node types (including images and all other types) to FabricJs .json format and the resulting design of fabricjs object should visually match that of original Figma design.
Related categories: JavaScript CSS HTML5 jQuery / Prototype