Settings and activity
4 results found
-
3,612 votesfeature-under-review · 378 comments · Adobe XD: Feature Requests (Read-Only) » 05 : Asset exporting · Admin →
An error occurred while saving the comment An error occurred while saving the comment Daniel G. commented
I have extremely in depth ideas on how to integrate this into Adobe Xd, as this is my full time work, i use Adobe Xd 12hrs a day 5-6 days a week when designing. Thank you for an amazing product.
An error occurred while saving the comment IDEA:
As a full time Web Developer, designing in HTML and CSS is beyond annoyingly slow, padding, boarders, color, transparency, alignment, Flex boxes, etc are difficult to work with.
Adobe Xd makes it easy to design and prototype UI.
Web Languages such as Javascript, HTML, and CSS have been around for a long time, CSS is the style (colors, transparency, boarders, corners etc...), HTML is the layering, and Javascript is the functionality (on click, the UI changes color for example, or moves from one side the screen to the other).I think Adobe Xd could be expanded to meet the needs of web developers needing speedy prototyping and creating of Javascript, HTML, and CSS.
Design Mode:
Here is how this could work.
HTML:
- Make Artboard in Adobe Xd = Webpage
- Draw Ellipse
- Ellipse DIV added to HTML file and is assigned the style of Ellipse01
- Ellipse01 style created in CSS file with (color, size, position on the screen, boarder, orientation, etc...)
- Add drag and drop color change javascript animation onto Ellipse from Function Bar > Animations > Button on click
- This adds a javascript file with the function that fires on click
- With the inspector of this Ellipse object, actions can be added, that would occur on click (such as changing the color, and size of the button)Export as Web Page: (To Local HD)
On export you would have three files per artboard:
- Javascript
- HTML
- CSSWhen opening HTML file the artboard would appear in web - browser as a web page, either fixed screen size or flexible depending on what settings the designer has set.
Contact me for more details: danielglassford@icloud.com
I am founder of a financial company and could talk on the phone or through email with one of your developers to run ideas past him/her related to this feature request. -
223 votes
-
79 votes
-
2,720 votesfeature-under-review · 108 comments · Adobe XD: Feature Requests (Read-Only) » 02 : Prototype mode · Admin →
Check out WebFlow, you can import assets that you create in XD and then webflow gives you code :D