Jump to content
You must now use your email address to sign in [click for more info] ×

Recommended Posts

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?

Link to comment
Share on other sites

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.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 17.7, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.7

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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.

 

Link to comment
Share on other sites

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 😕

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 😁

Link to comment
Share on other sites

  • 3 weeks later...

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.