Search for tag: "digital design"

Figma Demo: Oversized Map with Interactions

In this demo, we create a map that takes over the whole page and lets you scroll in any direction to navigate and interact with its pins.

+2 More
From  Lukas Emory 0 likes 4 plays 0  

Figma Demo: Countdown

In this demo, we use the After Delay function to create a timer.

+2 More
From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Creating a Toggle From Scratch

In this video, we use an ellipse and rectangles to create a toggle with the After Delay interaction.

+2 More
From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Icons

In this demo, we download icons from Google Fonts to use in our design.

+2 More
From  Lukas Emory 1 likes 3 plays 0  

Figma Demo: Previewing Your Work

In this demo, we check what our page design would look like on an actual screen interface.

+2 More
From  Lukas Emory 0 likes 34 plays 0  

Figma Demo: Company Logos (i.e. Social Media)

In this demo, we learn where to grab logos for social media icons and use them in your designs.

+2 More
From  Lukas Emory 0 likes 6 plays 0  

Figma Demo: Creating a Universal Component

In this demonstration, we convert a navigation menu into a Component so we can easily copy it throughout the project.

+2 More
From  Lukas Emory 0 likes 20 plays 0  

Figma Demo: Creating Margins For Your Pages

In this demonstrations, we use a Layout Grid to create margins to design within.

+2 More
From  Lukas Emory 0 likes 110 plays 0  

Figma Demo: Placing and Masking an Image

In this demonstration, we learn how to place an image in Figma and use a piece of our wireframe to mask it into the right size and shape.

+2 More
From  Lukas Emory 0 likes 6 plays 0  

Figma Demo: Editing Shape Colors and Corners

In this demo, we learn how to change the color and outline of a shape then how to round its corners.

+2 More
From  Lukas Emory 0 likes 5 plays 0  

Figma Demo: Using Text / Typography / Font

In this demo, we customize the font family, size, weight, kerning, and color of typography.

+2 More
From  Lukas Emory 0 likes 2 plays 0  

Figma Demo: Building Nodes

In this demo, we look at the different tools in Figma needed to create nodes for our layouts.

+2 More
From  Lukas Emory 0 likes 4 plays 0  

Figma Demo: Starting a Project with a Sitemap

In this demo, we look at the different types of toolbars in Figma and learn how to build a sitemap.

+2 More
From  Lukas Emory 0 likes 6 plays 0  

Figma Demo: Resizing a Pop Up Overlay

In this demo, we learn the technique for properly resizing a popup.

+2 More
From  Lukas Emory 0 likes 37 plays 0  

Figma Demo: Drag and Drop a Tag

In this demo, we use our drag and drop technique to create tags on images.

+2 More
From  Lukas Emory 0 likes 4 plays 0  

Figma Demo: Trick for Consistent Placement of Universal Items

In this demo, we use an invisible rectangle to ensure universal items are appearing in the same place on each page.

+2 More
From  Lukas Emory 0 likes 4 plays 0