Digital Asset Manager

The Digital Asset Manager widget solves the problem of lost source files by binding your Figma images directly to your Contentful space ( https://contentful.com ). The widget is presently in closed release, but will be published in the coming months.

Digital Asset Manager, source: contentful, figma

✎ edit

Attaching to Figma Node

To attach a Figma image to the widget, drag and drop a new widget (or copy existing widget) onto the stage, open the widget's configuration window (via the "i" information button), select your target Figma node, and hit "Attach". The widget will automatically snap to the top left corner of your Figma graphic.

If you already have a DAM widget on stage that is configured to Contentful, a copy/paste of that widget will sustain the configurations.

Attaching to Figma Node, source: contentful, figma

✎ edit

Contentful Settings

To connect your Figma widget to Contentful, you will need to enter the space id and a CMA (Contentful Management API - details below) access key. After you have entered both, then select the deployment environments. The widget will cycle through each of these selected environments when deploying.

Contentful Settings, source: contentful, figma

✎ edit

Contentful Management Token

The Contentful Management Token is created within the APIs section of your Contentful space. This token will enable the widget to create and update entries in your Contentful space.

Contentful Management Token, source: contentful, figma

✎ edit

Custom Contentful "Image" Content Type

In order for the Digital Asset Manager to stay synced between Figma and Contentful, some metadata has to be stored on both sides. Within Figma this stays within the widget, but for Contentful you will need to create a special content type that can store this extra information. This content type minimally requires an "asset" property pointing to media and a "digitalAssetManagerId" property, but in order to easily link back to Figma it is highly recommended to also add the properties of "figmaFileId" and "figmaNodeId". If you decide to use a different name for this content type than "image", you can set that in the Figma widget settings.

Contentful Image Content Type, source: contentful, figma

✎ edit

Publishing and Reconnecting to Contentful

If everything is set up correctly, publishing is just one click. With that click the new image will be pushed to Contentful and the original entity's asset will be replaced with the new image.

If you have accidentally deleted the Figma asset, you can reconnect a new DAM widget to the Contentful entity by copy/pasting the digital asset manager id found in Contentful into the settings of the new widget.

Publishing to Contentful, source: contentful, figma

✎ edit

Build Information

Dynamically built using contentful-readme-generator. Do not edit directly.

updated: 3/19/2023, 10:22:24 PM

space: rtkhko6y3s3u

environment: master

entity id: 2CUvXYgc2NR1L6069579nB

✎ edit

Digital Asset Manager Figma Widget