Search the Community

The one thing that stops Affinity Designer from being the perfect tool for UI design for me is the lack of an ability to set up a guide layout. There is almost this functionality in the grid set up options, just without the ability to make grid tiles the full height of the artboard and add a default margin on the left/right/top/bottom independent of the gutter. The ability to save a guide layout preset in the Guide Manager and load it up in future documents has been mentioned previously, and this is potentially another great way to solve the problem, so +1 to that idea too. My issue is just that when setting up a new document I need to be able to quickly set up the bootstrap grid as guides before I start. My current workaround is to set up the guides in a document and use that as a template for any web UI work I need to do. Please consider adding a Guide Layout feature and/or Custom Guide Presets (honestly the Guides Manager is currently brilliant, it just needs extending). I'm so very close to being able to replace PS/AI with AF. Cheers

Hi all I have released a Boostrap 4 Grid Template for Affinity Designer. It includes columns, gutters as well as guides and some more stuff. This should hopefully help when setting up a new Bootstrap 4 project in Designer. I hope you find this useful, let me know if anything is missing. Cheers Alexander

The Grade Ui Kit included with Affinity Designer is based on Bootstrap 3 according to the official website of Grade Ui Kit. Does anybody know if Grade Ui Kit compatible with Bootstrap 4 if not will we get free upgrade when Grade UI Kit get based on Bootstrap 4?

I am a web developer and I am use to create my mockups in photoshop. I need to create a grid pattern based in the bootstrap grid system, where the columns are 81px wide with a gap of 31px in between. I have created this pattern already. Now I need to create the baseline patterns. It is any way I can create a line, or a shape, or a layer, to repeat systematically from top to bottom? The lines has to be 27px apart from each other. I attached a screenshot and you will see a very thin and dark line that has to repeat all the way down every 27px. And the question once again; It is a way I can create an auto repeat pattern?