Streaming live at 10am (PST)

Exporting Webflow to PSD


#1

Here’s one for the Think-Tank

Webflow to PSD

So I have a project that requires responsive design be done for Mobile and Web but the client desires to receive the files in PSD. However, I feel that I would be more efficient if I could design the project in Webflow’s responsive layout and when approved export (the responsive layouts) to PSD for handover to the client.

This would be a great advantage for anyone who have similar situations and thought it was worth mentioning.

Cheers!


Selection Component within Dropdown Menu
#2

Try this https://convertio.co/html-psd/

I have not tried it myself though…


#3

@jorn
This is good but i’m afraid time is against me for trial and error…

I welcome shared experiences.

Thanks


#4

Understand, good luck with your project.


#5

convertio’s fairly simple to use.

Enter a URL - wait - then download the psd file.

Pros: Very simple to use
Cons: Results are somewhat less than impressive

Ebay.com

Closer views of Ebay

Webflow.com

Closer views of Webflow


#6

Yeah… sadly, I don’t think it’s gonna work for me.

Thanks


#7

Doesn’t make sense to have PSDs when you have the actual code for the website. Maybe talk to your client about the benefits of having it all as real code?

PSDs are far inferior to an actual webflow page.


#8

@DFerroF1
I know haha…

But in cases like this, one can summarize that the client already has a developer and only desire front-end design to be later developed.


#9

Front End Design is better developed from webflow than from a PSD. At my company I start with PSDs, to at least get major chunks of how I want the site to look down. Then I finish in webflow and deliver all the “comps” to our FEDs in webflow. They love it. They hate working with photoshop comps.

Here is an example of how I deliver comps in webflow.

Here is the final live site, done in Drupal.

We create sites in Drupal in their final form.

Also if you are interested I wrote a more detailed blog post about what I learned designing in-browser and my design workflow.


#10

Give a price for doing it the Webflow way. Give a price for doing it their backwards, wasteful, PSD way.

Option 1) They see the light.
Option 2) You make more money.


#11

You can use Pagelayers (macOS): http://www.pagelayers.com
It works very well!


#12

I like it… but I’m on PC :frowning:


#13

That’s a pity! You may ask a collegue on a mac to do it for you…


#14

This is an ongoing problem which should be resolved. Some working environments are stuck in a pointless past. There really is no reason whatsoever to require psd files over a live working responsive prototype made with html and css. With psds plenty of things are left to interpretation and it’s an impossibly cumbersome job to extract all necessary dimensions, colours etc in an accurate and efficient manner. Defining % based layouts in photoshop is simply STUPID. Photoshop is NOT an interface design tool, the advantages of real protoyping are just way too many to mention.

I’ve been in your situation before and I fought hard to stop the psd stupidity, in most instances I managed to convince my client using hard facts. The main one being that working with psds is ultimately way more expensive, every little design change takes considerably more time and if we talk about bigger changes… really no contest. Now let’s navigate a psd with 100’s of layers all tucked away in their little folders, very efficient-not. The alternative of using dev tools to instantly access the markup you require with one click is a winner that no one can argue against.

As I said, if all other reasoning fails the price one is one that all managers understand.

Good luck with it.


#15

Please search the wishlist for upcoming features, and if there isn’t one for your requested feature yet, you can create a wishlist request.

You can also subscribe to wishlist items to stay updated to announcements regarding the wishlist item.

Wishlist suggestions and discussions are off-topic for this forum, as we have a dedicated site for that.

If you do not like this policy, feel free to bring it up on Meta.


#16

Wishlist suggestions are off-topic for this forum.