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!
Plugin Preview
About this plugin
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!
Plugin Details
| Version | 4 |
|---|---|
| Created | October 27, 2022 |
| Last Updated | October 28, 2022 |
| Category | Software development |
| Creator | Jessi Shamis |
| Stats | 522 installs, 142 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.