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.

From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Countdown

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

From  Lukas Emory 0 likes 2 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.

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.

From  Lukas Emory 1 likes 3 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.

From  Lukas Emory 0 likes 5 plays 0  

Figma Demo: Previewing Your Work

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

From  Lukas Emory 0 likes 34 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.

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.

From  Lukas Emory 0 likes 27 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.

From  Lukas Emory 0 likes 5 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.

From  Lukas Emory 0 likes 6 plays 0  

Figma Demo: Using Text / Typography / Font

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

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.

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.

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.

From  Lukas Emory 0 likes 27 plays 0  

Figma Demo: Drag and Drop a Tag

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

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.

From  Lukas Emory 0 likes 4 plays 0