The SECRET to Website Mockups in Affinity Designer - Constraints panel explained

The constraints panel is amazing for helping to make website mockup.
On top of that, designing anything in Affinity Designer is always easier too so it's like a match made in heaven!
-------------------------------------------
My equipment - kit.co/BrownBear/filming-and-...
-------------------------------------------
Twitter: / brownbear_91
Instagram: / brownbear_productions
-------------------------------------------
Use the link below to buy awesome games/software/books. Not only will you save money and help the channel but you'll also be helping a charity of your choice
Humble bundle: www.humblebundle.com/?partner...

[@BrownBearProductions]

Did you know about the constraints panel before watching?

[@tazzytyoung19771]

I didn't

[@4Mulator]

Affinity Designer has so many gems! Making all my website mockups in it now! Thank you!

[@kathleenvonthaden1289]

Didn't know about the constraints panel and WOW, it's a great tool!! Thanks for your video, you always make things very understandable!

[@relentlessslog]

Wow. I had no clue this tool existed and I've been making mockups in Affinity for over a year now. This will definitely save me time and mental energy. Thanks for the tip BrownBear!

[@liselachapelle224]

Thank you so much !!

[@fayadibrahim9080]

this is gold. Thank you so much

[@RenaudDenis]

Brilliant tutorial, thank you!

[@montyksycki4092]

Thank You!!! 🙏🙏🙏

[@hsdev]

Nice! Thanks for this tutorial. I am starting my switch to Designer for UI mock up work and this really tipped the scale. I am curious if they will add something like pages in Figma.. this is what is holding me back right now.

[@BrownBearProductions]

I'm not the most familiar with Figma but there's 2 potential things that may be helpful. One is artboards in affinity designer which may help some of your needs. The other is to have a look at affinity publisher as that may have some more parent/child related pages

[@alviolampis]

Looking for Xd alternatives, i can only say: WOW.... 8) TY!

[@Luschine]

Figma?

[@alviolampis]

@@Luschine I understand should be good, mate, but i didnt love it... TY for suggestion anyway, mate 8)

[@screenweaver8910]

Does not work like described, TEXT not stretching because forgot a step config?

[@clumein2]

Thanks! But how is it shared with the client?

[@BrownBearProductions]

If you send them the Designer file

[@imacverde3260]

We are not in a battle against adobe …but if so, you might be kinda General

[@Elsie-Day]

This is great but you didn't give us a tutorial on how exactly to make the artboard and rectangles...

[@BrownBearProductions]

Check out the video on artboards to learn how to use them properly - th-cam.com/video/yfU2UZ0X-_w/w-d-xo.html
Rectangles are simply made by clicking the rectangle shape tool, clicking and dragging to the desired shape

[@pedroquerido2268]

Pretty useless video of a guy using a design software with sunglasses on xD