Jump to content
waffl

Affinity Designer for Web Design/Prototyping - Grids, Master Pages, Styles and more?

Recommended Posts

I've just downloaded the trial of Affinity Designer in the quest for an ideal replacement for designing websites other than the typical bloated Adobe Photoshop/Indesign combo, especially after all the hassle of Creative Cloud. Affinity Designer seems more oriented towards illustration, but I was wondering if anyone is using it for more traditional design purposes?

 

So far I really enjoy the feel of AD's UI, it feels very stable, smooth and fast, but I was wondering if there were ways to achieve certain basic things that are quite critical to my workflow.

 

  1. Is there any way to setup column based grids, for example a 12-column grid with custom gutters and so on? I suppose one could manually create all the guides in the 'Guides manager', but it seems a bit cumbersome.
     
  2. Is there any way to define 'Master Pages' or 'Master Artboards' in a sense?
     
  3. Is there any way to set character/paragraph styles so type styles can be re-used and modified document-wide?
     
  4. Is there a way to prevent text frames from showing overflowing text?
     
  5. Is there a way to place images within existing rectangles/frames and access a variety of fitting options? So that one doesn't have to simply place the image and manually use the crop tool.

 

 

I suppose those are my main questions so far, as these items are the critical building blocks for my design workflow.

Share this post


Link to post
Share on other sites

Welcome to the forums waffl :D

 

It's possible to setup a 12 column grid from scratch but it would be easier to find a PSD template with the required grid setup and open it in Affinity Designer for editing.

 

Affinity Designer doesn't have Masterpages yet. Perhaps symbols is what you need - they should be coming soon :)

 

Text Styles are coming. They're on our roadmap and will be available in the future: https://forum.affinity.serif.com/index.php?/topic/842-affinity-designer-feature-roadmap/

 

It's not currently possible to hide overflowing text. You could add a clipping mask to the text layer to hide overflowing text or just delete text that isn't needed. 

 

If you draw a shape, select it and then select the Gradient Tool, you can select Bitmap from the Type dropdown in the Context Toolbar. This option will allow you to select an image. You can also drag the nodes to stretch the image. There's also an Extend dropdown in the Context Toolbar that will give you options such as Mirror, Repeat, Wrap & Zero.

 

Hope this helps!

Share this post


Link to post
Share on other sites

I would also love to have the option of having editable column based grids just like Waffl explained:

 

'Is there any way to setup column based grids, for example a 12-column grid with custom gutters and so on? I suppose one could manually create all the guides in the 'Guides manager', but it seems a bit cumbersome.'

 

I tried creating it with the guides but it was too much hassle

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

×