Affinity V2 to HTML

[Ssinssrigg]

Hello,

I purchased Affinity V2 Universal Licence and I was wondering if there is any way to create wireframe and export it to HTML in any way?
I was googling about it and I found only old posts addressing V1. I made this purchase with an intent to make web application design and development easier. If there is no built-in feature to export file to HTML (+CSS), do you know any other software/tool that can translate any of the supported V2 to this format?

[PaoloT]

There is no export of any type, apart for PDF.

 

[walt.farrell]

55 minutes ago, PaoloT said:

There is no export of any type, apart for PDF.

 

???

There are many export types, not just PDF. But there is no export to HTML.

[Ssinssrigg]

58 minutes ago, PaoloT said:

There is no export of any type, apart for PDF.

 

What do you mean by that? So what is this? ↓

[PaoloT]

49 minutes ago, walt.farrell said:

There are many export types, not just PDF.

Apart for PDF, all the export types are graphic formats (and even PDF is a graphic format, that may include more-or-less reusable text). Quite meaningless for a text-based document intended for reuse as a web site. I even wonder why they are there, apart for the fact that the Affinity file format is the same for all the apps.

Paolo

 

[PaoloT]

15 minutes ago, Ssinssrigg said:

What do you mean by that? So what is this? ↓

Graphic formats. If you want to export your project as a series of images, and make a web site exclusively made of images, it may work.

 

[Ssinssrigg]

OK, thank you all.
Does anyone know if there is any way to export `afphoto` or any other available format into HTML with any other software, website or tool?  🙂

[Ssinssrigg]

2 minutes ago, PaoloT said:

Graphic formats. If you want to export your project as a series of images, and make a web site exclusively made of images, it may work.

 

Won't work for me, I was specifically interested in designing wireframes. I read somewhere online that Affinity Publisher or Designer could be used for that. Unfortunately, I never checked if these can actually export to HTML 😕

[PaoloT]

22 minutes ago, Ssinssrigg said:

I was specifically interested in designing wireframes

None of the Affinity apps can do something like Figma, if this is what you are after.

Paolo

 

[Ssinssrigg]

Damn, that's unfortunate 😑
Thank you anyway, tho

[ashf]

Honestly I feel no one is using a graphic design app to export HTML among web designers.
We use specialized apps for that.

[Ssinssrigg]

1 hour ago, ashf said:

Honestly I feel no one is using a graphic design app to export HTML among web designers.
We use specialized apps for that.

What apps? IDE or something better?

[ashf]

2 hours ago, Ssinssrigg said:

What apps? IDE or something better?

I use visual builders to design a web page directly.
Using graphic design apps just for wireframing and materials.

Such as WebFlow or Framer.
https://webflow.com/
https://www.framer.com/

Also there're tools to export Figma to HTML.
https://www.animaapp.com/
https://www.builder.io/


Additionally there're PSD to HTML converters out there if you google it.

[Ssinssrigg]

12 hours ago, ashf said:

I use visual builders to design a web page directly.
Using graphic design apps just for wireframing and materials.

Such as WebFlow or Framer.
https://webflow.com/
https://www.framer.com/

Also there're tools to export Figma to HTML.
https://www.animaapp.com/
https://www.builder.io/


Additionally there're PSD to HTML converters out there if you google it.

Nice! Thank you, good sir 😁

[Kevin B]

Hi Ssinssrigg,

I would like to have that feature as well but I don't think it will happen. 

As a work-around, I create or open an svg file in Af Designer and export it to a pdf file. I upload the pdf to a free converter from IDR Solutions in the UK, and very quickly it creates a zip file to download.

https://www.idrsolutions.com/online-pdf-to-html5-converter  

Inside the zip is an index.html file, a few other small files, and a sub-folder holding the source file -- the magic is that the source file is the original svg not the pdf that I uploaded, the pdf is nowhere to be seen.

I don't know how but IDR extracts the svg out of the pdf -- maybe in developer terms it's simple but seems like magic to me! I suppose that the pdf is just an envelope for the svg that Af Designer created. 

Click index.html and a handy viewer opens with the graphic file inside, with zoom and pan tools. With that, I can change the name of the html file and upload the folder to a website and link to it. You can also select No Viewer to have it open in a plain browser window.  The graphics are just as clean and zoomable as the original svg that I converted to pdf. In fact, the svg came from a dwg that I converted in Af Designer, so it all remained fully vector to the final html version. 

Maybe this will be useful to you or another user. IDR Solutions sells this only to enterprise clients and does not allow them to resell the service online. It's the only tool like it that I have found, it's been free since I found it a few years ago but who knows what the future could hold. 

Good Luck, Kevin

[henryanthony]

Axure