Frequently Asked Questions (FAQs)

Here are answers to common questions about Interplay. Please let us know if you have any more! You can contact us via the help chat or at support@interplayapp.com

In this article

Design Tokens

  • How can I use my design tokens in Figma?

    Adding your design tokens to Interplay makes them available in our Figma plugin. Using the plugin, you use your tokens directly to style items in Figma, or your can generate Figma styles corresponding to your tokens and use those Figma styles.

  • How do I add my design tokens to Interplay?

    The quickest way to get started is to create a free Starter account, create a Design System project and paste in JSON that contains your tokens. You can then publish the Design System to our Figma plugin and start using your tokens in Figma. Once you are ready you can upgrade to a paid plan to automatically sync tokens from your code repo.

  • Can I use design tokens on the free Starter account?

    Yes! You can manage your tokens through the browser in Interplay as a team for free and publish them to Figma. On our paid plans you can sync your tokens in from your code repo automatically.

  • Can I manage multiple sets of tokens as themes?

    Yes! Tokens are added to themes in Interplay. You can create a theme and create other themes that inherit from that theme and override token values as needed. Additional themes can then inherit from those themes, to build up a powerful collection of consistent themes. You can then apply these themes in Figma.

Code Components

  • Do I need to write my components in a special way to use them in Interplay?

    No. We import components as they are and run them using their code frameworks as normal. There may be some limitations on which component properties we can usefully expose or automatically parse for designers to use, but in general your components should work in Interplay as they do in your application.

  • What JavaScript frameworks can I use with Interplay?

    Currently React components are supported. We will be adding support for Vue and other code frameworks soon.

  • What do I need to provide for Interplay to run my code components?

    Interplay needs a javascript build that exports your components as individual exports, and it needs JSON config that describes your components - what components are in the build, their props and sample configurations to use as presets when designing. The Interplay CLI can help you create both of these, or you can provide your own build or config and use the CLI to deploy them to Interplay.

  • Can I use design components and code components side-by-side in my designs?

    Yes! You can import your code components to Interplay and work with them in Figma. You can use them alongside your design components as usual.

  • Can I import code components on my free Starter account?

    Code component import is available on our paid plans. Once you've upgraded your account you'll be able to run the CLI to import your code components.

  • I don't have any components or design tokens yet, can I still use Interplay?

    We are currently best suited to teams that have or are creating either design tokens or a code component library (or both!)

  • Can I control how designers see my code components in Figma?

    Yes! Interplay uses JSON configuration to describe and present your components. This configuration is generated by parsing your code as the source of truth so it automatically stays up to date. You can override this configuration to control how your components are presented - typically you might add descriptions or hide component props that are not relevant for designers. For more details, please see Curating your component import