Search the Community

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?

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

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?