Is there such a technology - to get a cut and made-up website from PSD automatically?

Question

HTML

Hello.
The web development industry is making huge strides forward. A bunch of services and applications are being created.
When designing a website layout in PSD, the question arose: is it possible to use some tool, "feeding" your PSD file to it, to get an already laid out ready-made website (page, project) at the output? Of course, the design of the site must be created according to certain rules. If this is possible, then with the help of what applications or services is it possible to do this? And if possible, what rules should be taken into account when creating a design. The following things were of particular interest:
readymag.com
froont.com
ahoba.co
webflow.com
nethouse.ru
muse.adobe.com
avocode.com
Is there something similar in them or in other instruments? Maybe there is even a plug-in for Photoshop (if the design was developed in it), Illustrator (if the design was developed in it), InDesign (if the design was developed in it) to implement such a function?
It turns out that if such a technology is feasible, then the function of a layout designer is no longer so important. Although it is unlikely that the quality of the layout after the result of the application will leave the best. But... progress is inexorable, maybe I'm wrong, and robot services already know how to make a well-designed website project with all the pleasant consequences that follow from here in a good sense of the word.

Answer 1

in any case, the output will be shit, which in the end will have to be raked by hand

Answer 2

"Is there such a technology - to get ripe carrots from a plowed garden automatically?" :D
This, of course, is all fun, perhaps there are some clumsy (yes, clumsy-clumsy) services, but you won't find anything serious. There is such a proven option: stop looking for a freebie everywhere and start working.

Answer 3

Yes, there is such a technology - it's called "hire a freelancer".
You can also force the designer to typeset immediately in the driver :D
Yeah, JS will screw photoshop too. And a bunch of plugins and libraries too.

Answer 4

And you can also design not in Photoshop

Answer 5

If you mean the process of transformation, then they are. But it will be actually not supported, one-time site-page or their combination. If you need some kind of landing page, then it probably makes sense, but it's easier to use the designers for this option. And to argue that layout designers are not needed is pointless. Technologies develop in parallel, and the web itself becomes more flexible, more complex, more interactive. There are always options, but the miser pays twice for sure.

Answer 6

Handles everything, handles) It's like comparing the manual assembly of a Lamborghini with a conveyor basin

Answer 7

I wonder when the implementation of "wanted - received?" To rraz - and a lamborghini under the house. Rraz and instead of an apartment in an old Khrushchev apartment, a chic house on the ocean, rraz and a beautiful smart, beloved and loving wife with a 6m breast size ....

Answer 8

Even if there is such a tool, then it definitely won’t screw adaptability to the site - in this case, a person is needed.
Perhaps it makes sense to just turn away from Photoshop in favor of this kind of program: pinegrow.com/. But to create a truly unique design, I think, they will not work.

Answer 9

No no. Without manual labor, nowhere, otherwise hundreds of typesetters were now going to load the wagons

Answer 10

brackets.io perhaps?

Answer 11

There is such a plugin
exportkit.com/plugin/environments/html5/convert-a-...
And here are the lessons from Linda
www.lynda.com/Photoshop-tutorials/Exporting-HTML-f...

Answer 12

As far as I remember, there was some kind of plugin for Photoshop that itself returned the html file, but it built the site according to the tabular layout.

Answer 13

Will everything be exactly pixel-by-pixel in PSD?
Even if it does, this will only allow cutting the same way.
Boring.

Answer 14

Toyota is also stamped on the assembly line (and another 99% of modern cars), but the assembly line product is running well.
on the web, everything goes to this too. true so far through the constructors.
Naturally, the conveyor assumes a minimum of customization, including everything that is as versatile and in demand as possible. but over time, there are more and more ready-made functions.
already now, many choose designers, because it is faster, cheaper, and sometimes even better than if someone "catch up"
naturally, the profession of a typesetter will not disappear completely, of course, there will always be things that designers do not do.
low-end layout will die over time. for small customers, designers and ready-made PRO themes are more convenient.
hi-end will naturally remain and become even more difficult.
specifically for psd.
it is unlikely that development will go towards psd. rather there will be specific constructors.

Answer 15

What you are looking for is Edge Reflow , an Adobe development that has been in beta for many years.
The program just works in such a way as to generate an adaptive layout based on the PSD layout. You don't get real HTML, but you do get a project file (somewhat like Adobe Muse) that you can tweak and compile to HTML.
In Edge Reflow, you can work from scratch, or you can import a ready-made PSD layout. At the same time, if you have the necessary plugin in Photoshop , then Edge Reflow will automatically notice any file currently open in Photoshop and offer to import it. It looks like this:
And here is how it all works: https://helpx.adobe.com/edge-reflow/how-to/edge-re...
If we consider Edge Reflow as a tool for creating a complete website, then there are pros and cons:

Pros:
+ import of any layout from Photoshop;
+ adaptive layout with beautiful HTML/CSS code;
+ If you call Photoshop layers with appropriate names (for example header.jpg200% ), then the corresponding content will be automatically generated. If this is a picture, then you can set a name, size, compression quality for it, and even set several versions of one picture.

Cons:
- this is still a tool for layout, and not for creating a complete site like in Adobe Muse;
- there is no Javascript, just bare HTML and CSS. That is, you can insert fields of type input field for the feedback form on the page, but they will not work. PHP and JS must be done manually;
- there are no classes in CSS - everything is exported with id. A little uncomfortable. But under certain circumstances, you can score if the site is static and not complex.

Answer 16

Having got acquainted with the brackets editor myself, I look at the functionality in this editor when working with PSD
Below I have given a link to a lesson where the author talks about working with PSD files when preparing a site template based on it. Perhaps learning this functionality will help you.
https://youtu.be/RxSyHFoYw-c?t=5m22s
There are many such lessons on braces, I just gave the first of the lessons that came across.