Skip to main content
All CollectionsDataPocket to Design PlatformsFigma
How to install DataPocket on Figma
How to install DataPocket on Figma

Learn how to install DataPocket on Figma and start improving the workflow of your design systems.

Updated this week

DataPocket acts as an official plugin inside Figma.

1.Installing DataPocket

1.1. Open Figma

1.2 Click the 'resources modal'

Click the 'resources modal'.

1.3 From the Plugins tab

use the search bar to browse for DataPocket

Search DataPocket.

1.4 Click on “DataPocket

Click on DataPocket.

1.5 Click 'Run'

Press 'Run' to open the plugin.

2. Comple the Connection on DataPocket

Connect your account.

Enjoy the ability to connect full sources of products and data to Figma in seconds.

2.1 Sign in or create a DataPocket account

To start using your own products or data feeds, you can connect any kind of data from eCommerce platforms, data feeds, CSV files or custom integrations using our API.

Sign in or create a DataPocket account.

You can close the window to return to Figma.

Close the window to return to Figma.

2.2 Drag and drop any image or text into your design.

Start creating stunning digital content using your own product and data feeds within Figma.
Feel free to contact us for more information about our enterprise model. We have implemented DataPocket in the design systems of some of the largest companies in the world.

You can use your data to design on Figma.

You can access the following data feeds to design on Figma:

WordPress · WooCommerce · Magento · Prestashop · Shopify · BigCommerce · Squarespace · Wix eCommerce · CSV · API · Airtable · Google Sheets

Please remember that if you are missing any integration we also specialize in creating custom integrations - Contact us now!

Did this answer your question?