Tips on converting an Affinity Designer project to an actual website?

[ꜱᴩʀɪᴛᴇ➀]

Hi, I know this is probably out of scope for this forum but I thought I might as well ask. Do you have suggestions/tips when converting web design from Affinity Designer to actual website? What tools do you use what's the easiest route to doing it, etc?

[Friksel]

Learn HTML and CSS.

[firstdefence]

Hi @sprite~1 There are quite a few apps around that will do what you need, a start would be to give some more info or add these details in a signature within your account settings so people don't have to ask over and over.

 

So, things like Operating System(OS) etc helps so people can point you to apps compatible with your OS, System spec, so people can troubleshoot system issues, what affinity apps you have and maybe their version numbers. see my sig below this post for an idea.

 

if you start a new post maybe put ADe for designer, APh for Photo at the start of the title e.g "(ADe) I have a pen tool issue"

[ꜱᴩʀɪᴛᴇ➀]

4 hours ago, firstdefence said:

Hi @sprite~1 There are quite a few apps around that will do what you need, a start would be to give some more info or add these details in a signature within your account settings so people don't have to ask over and over.

 

So, things like Operating System(OS) etc helps so people can point you to apps compatible with your OS, System spec, so people can troubleshoot system issues, what affinity apps you have and maybe their version numbers. see my sig below this post for an idea.

 

if you start a new post maybe put ADe for designer, APh for Photo at the start of the title e.g "(ADe) I have a pen tool issue"

I don't really have system issues so I guess this is enough in my signature? I always keep my software up-to-date.

[firstdefence]

7 hours ago, sprite~1 said:

I don't really have system issues so I guess this is enough in my signature? I always keep my software up-to-date.

That's much better, take a look at this app RocketCave another one is Blue Griffon and also CoffeeCups HTML Editor

 

As Friskel said it will never hurt to understand HTML and CSS and will make troubleshooting a lot easier. I suppose it's what you actually want to do, what websites you want to create, be it a simple flyer site (one or two pages with contact details), a blog, a selling site, a promo site or anything in-between.

[ꜱᴩʀɪᴛᴇ➀]

Thanks @firstdefence, I actually understand HTML and CSS but I wanted something that makes the process faster so I can allot more time to Affinity Designer instead. Also I love how BlueGriffon looks, it's akin to the Affinity products.

[MEB]

Hi sprite~1,

Other than setting up slices to quickly export (and generate 2x assets if required) of your design there's isn't much more you can do to speed up the process in Designer.

[myclay]

So far I use a couple programs from Coffeecup,
https://www.coffeecup.com/
Responsive Site Designer for example has support for;
Bootstrap 3 (and 4 alpha)  
Foundation 6
(once RSD-V3 is released?) CSS Grid

Additional image compression tools for your Affinity Photo/Designer output are recommended.