Figma part 2: Frames, masks, text and grids
Frames, combining elements and fill
In this video tutorial, we create a digital advertising campaign using Figma. The session starts with setting up a frame for the composition and exploring various frame sizes suitable for social media platforms like Instagram. Throughout the tutorial, we combine elements such as text, images, and shapes, demonstrating formatting techniques and the use of different frame sizes. Potential interactive element like buttons are created, incorporating shapes, text, and a custom arrow icon. Additionally, the tutorial covers the incorporation of images and videos into the design, along with brief insights into editing features within Figma. The session concludes with a preview option to test the design outside the workspace.
Masks, text setting and gridded layout
In this video we get into more Figma techniques. We discuss the creation of a complex image box using masks and combining various elements within it. The tutorial then progresses to designing an email template layout, focusing on aligning elements using guides and grids for pixel-perfect precision. We also import vectors from external sources like Illustrator, integrating them seamlessly into the Figma workspace. Throughout the tutorial, viewers learn about utilising masks, grids, guides, and vector integration to enhance their design workflow in Figma.
