Jump to content

Recommended Posts

Hi. I would like to request almost the same... I do newsletters too. All graphics I do in indesign and then I make print pdf and rasterize it in photoshop. There I use rulers and slice tool to make slices. Next step is add links to slices. And final step is export to web – html and images (It makes simple html table). So my request is to make slices function to ability add the links and export to html (simple table). And use it with "export preview" what is in your to-do list already.

 

Or... another Idea:

Newsletter persona, where you can modify (add links, target, etc.) slices better then in Export persona. Plus better export to html – not only images but with simple texts too. For example I would like to make unsuscribe part with texts which I want to see like text in html. I would like to "mark" specific texts what I want to see in html before export. Maybe make new part of text tool – html text, or make html part of document like special layer – there will be texts in html or some kind of html template (possibility to set align, background color, unsuscribe links, etc). I have more ideas and I can you help with it if you want. Dont worry, newsletters are simple html (because of compatibility) so Its not too complicated. Maybe, one day you can have full Newsletter persona for making complete newsletter – from graphic to html and final inline function. :-)    

Share this post


Link to post
Share on other sites

Okay, a Newsletter persona is a little bit too much i think. I don't ask for a whole newsletter builder. (There are other programs for that.) Just a basic html exporter would be nice. If only for some prototyping. 

 

In Affinity Publisher this would make even more sense. 

Share this post


Link to post
Share on other sites

Hey! You can export the file to .svg. If you copy and paste the contents of the svg to a html file, the file should open normally, In order to add links and other interactive html5 elements, add the code to the elements as you would any normal elements. You can also use an "embed" tag with a svg file

Share this post


Link to post
Share on other sites
On 13.2.2016 at 0:53 PM, MEB said:

Hello pietercloete,

Welcome to Affinity Forums :)

There's no way to export to HTML from Affinity Designer/Photo.

 

Hello there serif guys. I‘m new to affinity photo

bought all 3 versions (win/Mac/iPad) and i‘m very interested in that feature and since your post here is almost 2 years old

i‘d like to know if there’s any way in the latest version of AP... thanks a lot... and keep it going...

Share this post


Link to post
Share on other sites
4 minutes ago, MEB said:

There's no plans to add HTML export to any of the apps.  

 

If HTML export is ever added to the Affinity suite, I would expect to see it in Publisher rather than Designer or Photo.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites

That’s a fair point, Miguel, although Macromedia Fireworks wasn’t a suite of programs. (Serif’s own DrawPlus and PhotoPlus can generate HTML for things like hotspots and button states.)


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites

Honestly if an app is nowadays going to support UI/UX etc. and is called Designer it's logical that people ask after this HTML export feature. - Related to Fireworks, this was sold seperately and also as a part of a whole suite and become quickly a popular application among web site designers for creating buttons, banners, menus, artistic text etc.


☛ Affinity Designer 1.7.1 ◆ Affinity Photo 1.7.1 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

 

13 minutes ago, MEB said:

Macromedia Fireworks was a single program but they also had others - Dreamweaver (dedicated web authoring tool), Flash, Freehand, Director - just to mention a few. They could be considered a suite although their main focus was on web/multimedia.

 

Yup, pretty much like DrawPlus, WebPlus, MoviePlus, etc. My point was that since Affinity is actually a suite, and especially since the apps share a single file format, it seems to me that the ability to publish to HTML really belongs in Publisher. (In case you didn’t know, PagePlus had a Web Publishing Mode before WebPlus was released as a separate application, and this was retained for several versions after WebPlus first appeared on the scene.)


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites
49 minutes ago, MEB said:

Hi Tyves,

Welcome to Affinity Forums :)

No, it's not possible to export to HTML. There's no plans to add HTML export to any of the apps. You can only use Designer to layout the webpages visually and export elements as images in Export Persona.

 

Well, that’s a big pity. I always built my pages in photoshop and gave them out as html. Links etc I did the finally in editor/notepad...

it were just simply infopages without deeper structure or sth...

so at the end I have to slice my page in AP and give every single pic out then?

or is there any tutorial what explains it a bit... thanks a lot...

Share this post


Link to post
Share on other sites

Hi Tyves,

Yes, basically you design/layout the page visually then use the Export Persona to generate the slices automatically (or manually) form objects/layers to export as images/assets for the website. All the rest (HTML, CSS etc) must be managed in external apps or coded manually.

Check those videos about the export Persona and how it can help you automate the export process:

 

For additional video tutorials about Designer check this thread: Official Affinity Designer Video Tutorials

Share this post


Link to post
Share on other sites
2 minutes ago, MEB said:

That's highly subjective. As i said it depends on how software developers plan/design their apps and the scope of their functionality.

 

Yes, of course. :)

 

2 minutes ago, MEB said:

As v_kyr pointed out quite a few users may see it more as a part of Designer than Publisher.

 

Well, what @v_kyr actually said is that it’s logical for it to be included in Designer, not for it to be excluded from Publisher! ;)

 


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites
9 minutes ago, MEB said:

Hi Tyves,

Yes, basically you design/layout the page visually then use the Export Persona to generate the slices automatically (or manually) form objects/layers to export as images/assets for the website. All the rest (HTML, CSS etc) must be managed in external apps or coded manually.

Check those videos about the export Persona and how it can help you automate the export process:

 

For additional video tutorials about Designer check this thread: Official Affinity Designer Video Tutorials

 

Many thanks will try to get sth done. 

Share this post


Link to post
Share on other sites
2 minutes ago, Alfred said:

Well, what @v_kyr actually said is that it’s logical for it to be included in Designer, not for it to be excluded from Publisher! ;)

It would be useful to have for both, though in a Publishing software it's here more something for the whole page format oriented export, so to say to generate a HTML output of page layouts and longer bulk text etc. So I wouldn't expect to design the individual subcomponents like website buttons, artistic text menus etc. with that one, that's usually more the domain of Design software.


☛ Affinity Designer 1.7.1 ◆ Affinity Photo 1.7.1 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

I really have to add to this, with AD/AP not being able to export 'proper' PSDs, (i.e. with fonts included), means there are even fewer ways to get development ready assets to developers. (Who are really used to having PSDs with fonts included and not rasterised). 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×