Figma to Streamlit

<p>A plugin to generate&nbsp;<code>st.</code>&nbsp;commands with their corresponding parameters and values, based on the components from&nbsp;<a rel="noreferrer noopener nofollow ugc" href="https://www.figma.com/community/file/1166786573904778097?fuid=1093968343953988007" target="_blank">our existing Figma Design System</a>.</p><p><br></p><p><strong>How to use it:</strong></p><p>This plugin is complementary to our&nbsp;<a rel="noreferrer noopener nofollow ugc" href="https://www.figma.com/community/file/1166786573904778097?fuid=1093968343953988007" target="_blank">official Design System library</a>, so make sure you grab a copy of it as well.</p><ol><li>After you’ve copied our design system file, select a component instance, and tweak any of its props and values</li><li>Then run the plugin, and hit&nbsp;<code>See my code</code>&nbsp;to get a code snippet you can use in your Streamlit app!</li></ol><p><br></p><p>If you need more help, check out&nbsp;<a rel="noreferrer noopener nofollow ugc" href="https://github.com/streamlit/figma-to-streamlit" target="_blank">our repository</a>, which contains more thorough details and video examples.</p><p><br></p><p><strong>Troubleshooting</strong></p><p>If you hit any errors while using the plugin, make sure you check our&nbsp;<a rel="noreferrer noopener nofollow ugc" href="https://github.com/streamlit/figma-to-streamlit#troubleshooting" target="_blank">troubleshooting guide</a>&nbsp;in our repo, and if you’re still experiencing setbacks,&nbsp;<a rel="noreferrer noopener nofollow ugc" href="https://github.com/streamlit/figma-to-streamlit#submitting-an-issue" target="_blank">file an issue</a>&nbsp;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:</p><ul><li><a rel="noreferrer noopener nofollow ugc" href="https://blog.streamlit.io/prototype-your-app-in-figma/" target="_blank">Our Design System launch</a>&nbsp;blog post, with instructions on how to use it;</li><li>This&nbsp;<a rel="noreferrer noopener nofollow ugc" href="https://github.com/streamlit/figma-to-streamlit#figma-to-streamlit-plugin" target="_blank">plugin's repository</a>, containing the code for it, and video instructions on how to use it.</li></ul><p><br></p><p>Have fun with it!&nbsp;</p>