$9 a month

Figma Tokens Sync for Ant Design System

Subscribe

Figma Tokens Sync for Ant Design System

Matt Wierzbicki

What is Figma Tokens Sync?

Figma Tokens Sync is a special feature we built on top of the Figma Tokens plugin that will allow you to sync your Ant Design System for Figma tokens with your Ant Design of React project on GitHub. For example, you can change the primary color or font family in your Figma file and sync your changes with your code project, which will reflect those changes.

How does it work?

It creates .less files based on your token's JSON file in Figma Tokens, so you can easily sync your token changes in Figma with your .less files in Ant Design of React code.

View demo

Do I need Ant Design System for Figma to have it work?

Yes! Ant Design System for Figma is required and you can purchase it here.

Do I need Figma Tokens Pro to have it work?

No, you don’t need Figma Tokens Pro. It works on a free version of the plugin.

Is the Figma Tokens Sync feature available for older versions of the Ant Design System for Figma?

No, the Figma Tokens Sync feature works only for Ant Design System for Figma version 3.0 (and above).

Is it safe?

Yes! Figma Tokens Sync is a script installed locally that calls a service exposed at Amazon Web Services Lambda (FaaS). The service does not store data (e.g. on AWS S3), and each call is executed in a separate environment that is purged on exit. The result is returned immediately to the callee and not stored any further. All communication is encrypted as it’s performed over Secure Socket Layer (HTTPS).

How to get it?

You can purchase it on the pricing page along with Ant Design System for Figma.

If you already own Ant Design System for Figma or Ant Design System - Full Package and you want to buy it separately, you can do it here.

All memberships include a 1 week free trial
Subscribe

What's inside

1
Instructions how to install and sync
2
Serial key
Powered by