Integration with Figma in order to automatically generate the html code from any figma design.
Looks like someone has already tried this
https://www.figma.com/community/plugin/1287660587112027215/figma-to-bootstrap-5-plugin
It’s worth noting that any figma to HTML conversation won’t be perfect. And Bootstrap Studio is designed already to be a design prototyping software, I’m not sure I understand the requirement for this (I’m not one of the developers, just my personal opinion).
You need to know the “limitations” of the CSS framework you’re building with from the beginning when you start designing in my opinion, and my general ethos when designing with Bootstrap Studio is to write as little of my own CSS as possible so that I can leverage Bootstrap as best as possible.
For instance, if you’re making a design that doesn’t use any of Bootstraps elements, such as cards, rows and columns all of that will need to be exported as custom CSS and HTML.
This is probably why Figma focused on supporting exporting designs to HTML and TailWind, since it has more flexibility.
4 Likes