Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am building a project using Reflow. It allows to play with the layout, set the breakpoints and so on. How can I get the code (HTML and CSS) for the finished page?

There is an option Preview in Chrome which creates a preview files, but the code is not perfect and it says: <!-- This code is only meant for previewing your Reflow design. -->

share|improve this question

closed as off topic by Su', John Conde May 29 '13 at 11:57

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

up vote 2 down vote accepted

You can't export HTML and CSS from Reflow at the moment. From the Adobe Edge Reflow FAQ:

Does Edge Reflow provide HTML export features?

No, but you can preview HTML designs in web browsers and experience the responsive behaviors in end-user environments.


While Edge Reflow creates HTML during the design process, the tool is focused on enabling designers to share their responsive design intent and for CSS to be extracted for use either by the designer or a developer as part of the website production process.

Edge Reflow is a prototyping tool at the moment, not a WYSIWYG web design tool that provides friendly HTML export. Adobe intend you to use it as a bridge between Photoshop and hand-coding:

  1. Create art assets in Photoshop.
  2. Mock up your design in Edge Reflow using a real browser rendering engine.
  3. Hand-code the design yourself. Copy CSS by clicking each container in Reflow's navigation bar at the bottom of the screen if you need to:

Copying CSS in Adobe Edge Reflow

That's about as good as you'll get at the moment. Is is a 'preview' app, though, so it's early days.

share|improve this answer

From http://forums.adobe.com/message/5259055

Save (or Save As) your current Reflow Project. Navigate inside the project folder and locate the "assets" subfolder. Inside you will find all the HTML, CSS and JavaScript code of your project.

share|improve this answer
This doesn't work for me. Save doesn't create any files in Assets folder. Only Preview in Chrome creates the project_preview.html file. – strah May 28 '13 at 9:46

Not the answer you're looking for? Browse other questions tagged or ask your own question.