How to draw this in designer ?

[Hknb]

Hi everyone I try a connect squares as in picture. How can I draw connected squares in affinity designer ? Could you help me with this?

[firstdefence]

[GarryP]

Welcome to the forums @Hknb

An alternative method to the technique above, using Rounded Rectangles and the Shape Builder Tool, is shown in my attached video.

[Alfred]

Here’s another way:

1. Create a 3 × 2 rounded rectangle:

2. Position three 1 × 1 rounded rectangles on top:

3. Select the top and bottom small shapes (which for convenience I’ll refer to as a group here, but they don’t actually have to be grouped).

4. Increase the height of the group so that the rounded corners are beyond the edges of the larger rectangle:

5. Select all three small shapes.

6. Increase the width of the group so that the rounded corners are beyond the edges of the larger rectangle:

7. Select all four shapes and choose ‘Layer > Geometry > Subtract’:

8. Choose the Corner Tool and select the nodes at the six corners that are currently sharp:

9. Use the Corner Tool to round the corners as little or as much as you like:

10. Result:

[Hangman]

Or...

[Hknb]

You all great !! Thank a lot !😊

[GarryP]

This reminded me of the logo for NASA’s Mars Perseverance Rover (inaccurate reproduction below).

[G13RL]

You can also use the "Contour Tool": draw three slightly overlapping squares at the corners that need to be connected, make a compound and then use the "Contour Tool" to move it from the outside inwards to achieve the desired effect.