Single page comps?
Who designs single page sites? Websites today are so complex that even the simplest ones usually have 5-10 pages. Since launching Reflow back in February, many of you have been asking for the ability to create multi-page responsive comps. So, we thought, “Hey, that’s a pretty good idea.” Now, on the right side of Reflow’s design surface (below the recently added ‘Assets Panel’ and above the canvas resize handle), you’ll notice a brand new ‘Pages Panel.’ Here, you can easily duplicate, rename and navigate between all of the pages in your project. When previewing your designs in the browser, a new navigation bar will allow you to switch between all the pages within your comp.
“..brand new ‘Pages Panel.’ Here, you can easily duplicate, rename and navigate between all of the pages in your project.”
If you’re looking for a simpler, more immediate way to see your design, check out the new in-app preview mode. Hit the TAB key and app’s UI, including on canvas guides, will all melt away — leaving you with just your design in all of its glory.
Right-Click? Right-Click! Yes, we now have right-click. Welcome it like a long lost friend. (Cue Yacht-Rock) Upon laying eyes on it, you’ll forget he (or possibly she) was ever missing. Do you want to copy & paste visual styles, duplicate an element (including all of its children) or even turn element edges on and off? But, wait, do you know what’s going to seal the deal? Select a box on the design surface, open the assets panel and hit right-click. Instant background image. Yep-just like that.
The muscle memory designers build up, after years of Photoshop and Illustrator use, can engrain certain behaviors. Providing a familiar experience is extremely important to the Reflow team. This allows designers, like you, to focus on creating amazing responsive content and less on figuring out funky work-arounds. One of the most commonly used actions is using the Cmd/Ctrl to toggle into selection mode, while placing elements. You can now use the same shortcut inside Reflow. By the way, you can also quickly review the ‘short cut sheet’ by hitting Cmd/Ctrl +/.
We’ve also made some drastic improvements to the reliability of undo. There were some cases where “undo” went a bit rogue, but hopefully you’ll never notice undo again.
Finally, we’ve heard from many users that they wanted the HTML and CSS to be more accessible. Previously they were only created when you previewed in Chrome or on devices using Edge Inspect. Now, every time you save your work, the HTML/CSS for each page will be updated and placed in the ‘assets’ directory of your project.
“every time you save your work, the HTML/CSS for each page will be updated and placed in the ‘assets’ directory of your project”
The team is really excited about this release. On the surface it’s a very focused release, but what makes us most proud are the things that you aren’t going to immediately notice. We have several major announcements coming over the next couple of months, but one I can talk about now is re-launching our blog. We’re building a new gallery page to highlight the awesome designs you all are creating. If you interested in showcasing your work, please reach out to us. Go grab the latest version, talk to use on Twitter @Reflow or in our forums. Feedback is better than gold!