Start responsive designs faster and create high-fidelity prototypes through media query breakpoints, precise CSS layouts, grouping and more. You can start from scratch or import your design from Photoshop and search through your assets easily.
Design in Reflow for the web. Move between design environments easily while maintaining your design fidelity. Reflow uses CSS and behaves like a browser, making it easier to translate your designs to the web. Gain the predictability of web layout, with the freedom of an Adobe design tool.
Create awesome designs using CSS like never before. A native web surface provides the precise and intuitive controls you need to turn your vision into reality. Use Reflow and the latest CSS specifications, including CSS Regions and CSS Filters, to create powerful responsive designs with Photoshop like visual effects.Learn more →
Just showing responsive behavior is not enough to communicate design vision. Bring your designs to life by adding HTML elements such as buttons, inputs and checkboxes as well as controlling and styling states like ‘hover' and ‘active' on any object in your design.
Get up to speed with our new set of Reflow tutorials. Learn the basics, including common tasks like creating breakpoints, designing with web layout, and building out complex responsive designs. Paul Trani walks you through a set of end-to-end tutorials so you can quickly become a pro.Learn more →
Now in Preview 7, you can create and preview the state of your design elements when they are hovered or in focus. You can also add form elements to your designs and link to pages within your project for easy navigation.See more of what is new in Reflow →
Flexible design approach, visual media-query breakpoints, fluid customizable grid system, Edge Web Fonts integration, multiple background layers, border styles and customization
All features →