Figma to Streamlit

A plugin to generate st. commands with their corresponding parameters and values, based on the components from our existing Figma Design System.

How to use it:

This plugin is complementary to our official Design System library, so make sure you grab a copy of it as well.

After you’ve copied our design system file, select a component instance, and tweak any of its props and valuesThen run the plugin, and hit See my code to get a code snippet you can use in your Streamlit app!

If you need more help, check out our repository, which contains more thorough details and video examples.

TroubleshootingIf you hit any errors while using the plugin, make sure you check our troubleshooting guide in our repo, and if you’re still experiencing setbacks, file an issue and we’ll get back to you as soon as we can!

Also, here are a few more resources that might be helpful for you:

Our Design System launch blog post, with instructions on how to use it;This plugin's repository, containing the code for it, and video instructions on how to use it.

Have fun with it!