Adobe & HTML


Adobe Edge Reflow

Adobe Edge Reflow CC (Preview)

Design the responsive web.

Import Photoshop assets, content & shapes to Reflow

Connect your design

Edge Reflow CC now connects directly to Photoshop CC. Seamlessly import assets, content and shapes directly onto Reflow’s surface, creating a starting point for your responsive designs.

Installing Reflow also installs the Reflow Plug-in for Photoshop. If you have upgraded Photoshop, you need to reinstall the Reflow Plug-in for Photoshop. You can do so by downloading it here: 32-bit Windows, 64-bit Windows or Mac .

Getting Connected

Smart Objects, Images

Smart Objects + Images

Import layers, groups and Smart Objects as image assets into your Reflow project. Simply add '.png' or '.jpg' to the layer names in your PSD.

Edge Web Fonts, Typekit

Edge Web Fonts + Typekit

Migrate the desktop fonts in Photoshop to the Edge Web Fonts and Typekit fonts in Reflow.

Shape Layers, Layer Effects

Shape Layers + Layer Effects

Rectangular shape layers come cleanly into Reflow, as HTML and CSS, maintaining rounded corners, gradients and an ever expanding set of layer effects.

Photoshop CC Panel

The Photoshop CC Panel

  • Connect… to the active file in Photoshop.
  • Import… shapes, text and assets you've defined in your PSD.
  • Create… a new page in Reflow from your PSD.

Watch this in-depth tutorial.

How it works

  1. Install the latest version of Photoshop CC, then Edge Reflow CC.
  2. Open a PSD in Photoshop CC and add suffixes like '.png' or '.jpg' to layers, groups or Smart Objects.
  3. Use the Photoshop Connect panel in Edge Reflow CC to import designs and start your responsive project. Learn more.
  4. Download a sample PSD with layers and groups already named as images and a sample RFLW file showing the final responsive comp.

As we go forward…

The Reflow team is working hard to make the tooling you need to design the web. This is only a first look at the Photoshop CC workflow. We're eager for you to try Reflow and give us your feedback. If you have questions, check out our forums or log an issue on our Github Page.

All-new Edge Reflow is here. Join Creative Cloud to get Edge Reflow CC and all the tools you need to create, collaborate, and stay connected. Get started with a free Creative Cloud membership.
What is Creative Cloud? →