Code components FAQs

Frequently asked questions about using code components in Interplay

What JavaScript frameworks can I use with Interplay?

Currently React components are supported, and web components that can run in React such as Stencil an LitElement.

Do I need to write my code 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 for designers to use, but in general your components should work in Interplay as they do in your application.

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. The Interplay CLI can help you create both of these.

Import overview

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.

Using code components in Figma

Can I import code components on my free Starter plan?

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

On our free plans you can use open source components we have already imported.

Can I control how designers see my code components in Figma?
Did this answer your question?