Edge Reflow is a design tool that supplements your design workflow to help you create beautiful responsive designs for all screen sizes. Design on a native web surface while accessing the latest CSS features, preview designs in real time using integration with Edge Inspect, and extract CSS code you can hand off to developers with confidence that your design vision will remain uncompromised throughout development.
Edge Reflow is ideal for web designers who want to create responsive layouts and CSS visuals targeting the latest browsers.
With Edge Reflow, you can create responsive layouts for different screen sizes. Key features include:
Yes, Adobe collects user feedback, which helps our team in making improvements for regular updates.
The Edge Reflow (Preview) is available for download by anyone with a free or complete Creative Cloud membership.
English and French. However, it is available for download and use worldwide, except for embargoed countries. See the End-User License Agreement for more details.
CSS Regions is currently supported in mobile Safari on iOS7 but will soon be available in other browsers. Visit our Web Platform page to learn more about CSS Regions and other new web standards.
We love beautiful designs here at Adobe and strive to continue to move the web forward. As new CSS standards become available, we'll do our best to support them in our tools as soon as possible.
Fireworks is a prototyping, wireframing and graphic design tool. Edge Reflow is designed specifically for the creation of responsive layouts and visuals by using standards-based CSS. While we expect some cross-over use-cases, these are unique applications that serve different purposes.
Edge Reflow CC (Preview) enables web designers to create responsive designs by leveraging a WebKit-based design surface and defining CSS layout and styling properties. Designers set media query breakpoints to manipulate elements and their design for different screen sizes. 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.
Dreamweaver CC is the all-in-one tool for creating web and mobile content quickly and intuitively, and the enhanced Fluid Grid layout feature is intended to provide developers and designers with an intutive way to generate clean web-standard code for their responsive design. Edge Reflow is a highly visual tool with features for designers to quickly ideate and mock-up different design comps for various devices and to view their results on various targeted screens. Unlike Dreamweaver, Edge Reflow does not provide coding features so designers must extract generated CSS code for implementation and deployment.
We expect designers to import graphics from Photoshop CC, Illustrator CC and Fireworks into Edge Reflow and, using the resizable design surface, create responsive layouts for different screen sizes. Edge Reflow includes Edge Web Fonts integration for adding browser-ready fonts to designs, and CSS styling functions – including custom gradients, border styles, drop shadows and more. Once the different comps are ready, you can preview them in the browser or on devices via Edge Inspect before extracting the CSS code for use in development.
No, but you can preview HTML designs in web browsers and experience the responsive behaviors in end-user environments.
Edge Reflow is currently a preview release, which means that our team acknowledges the limited functionality of the application. Our goal is to provide community members an opportunity to try out the application and we encourage everyone to provide us with feedback. We intend to release monthly updates. Although we cannot definitely comment on specific feature sets, the team – with the advice of community members – is working through many key elements, including style management and workflow enhancements.
Yes, you can import graphics created using Photoshop CC, Illustrator CC and Fireworks. Edge Reflow is also integrated with Edge Inspect, and Edge Web Fonts so you can seamlessly access these fonts during the design process.
In addition to providing Creative Cloud members access to Adobe’s latest innovations, we are giving the community an opportunity to take an early look at Edge Reflow, for evaluation and feedback that will help shape the features and roadmap of the application. To help us improve Edge Reflow, you are encouraged to submit feature requests and report bugs via the our web forum.
Edge Reflow (Preview) is currently compatible with the latest Mac and Windows operating systems. See the tech specs for additional information.