Quickly create designs based on UI components from frameworks like Bootstrap/Angular
I think it would be useful for Web Devs if this included some sort of mode for working with elements from frameworks such as Bootstrap, Angular Material e.t.c. as this would be a great addition and make it way quicker to mock stuff up if your using a framework
Ennis Massey
shared this idea
-
Matza
commented
Yes! Instead of drawing a button in the style and size the framework provides just type in the css
<v-btn depressed small color="primary">Buttontext</v-btn> (vuetify-Framework) -
Henner Hinze
commented
Seamlessly integration component design and code creation will be the next thing. There are already applications out there trying this.
What's needed:
- Export to a drop-in component for common js frameworks (plain js, Vue, React, Angular, Ember, ...)
- Per object timeline and event based animations (much like in Animate), should export to CSS transitions and animations as far as possible
- Provide states and dynamic data within the component to give the designer more control over the interactions with the component and the developer an interface they can work with
Haiku might be an example how to approach it. -
Kalani Bright
commented
+1 would love export of XD project to Bootstrap html and css