Search for tag: "web design"

Figma Demo: Drop Down Menus

In this demo, we learn how to create drop down menus using frames and overlays.

From  Lukas Emory 0 likes 37 plays 0  

Figma Demo: Desktop with Folders/Apps that Pop Up

In this demo, we learn to associate our popups with certain icons on a fake desktop.

From  Lukas Emory 0 likes 8 plays 0  

Figma Demo: Use Zoom to Record a Project Walkthrough

Here is how to record your shared screen in Zoom to document a live walkthrough of your Figma project.

From  Lukas Emory 0 likes 19 plays 0  

Figma Demo: Add An Editor to Your Figma Project

This is how to add someone to your Figma project as an editor. This may come in handy if you need me to help you troubleshoot an issue or experiment with a new function. My email address is…

From  Lukas Emory 0 likes 4 plays 0  

Figma Demo: Creating a Clickthrough Gallery

In this demo we learn how to build a gallery node with buttons for clicking through the images.

From  Lukas Emory 0 likes 94 plays 0  

Figma Demo: Trick to have a Fixed Background AND a Fixed Top-Level Content

In this demo we learn how to trap all of our page content into a separate frame so that we can create a fixed position background image that doesn't cover up the page content.

From  Lukas Emory 0 likes 1,707 plays 0  

Figma: Creating a Timed Component that Automatically Changes - no clicking or hovering required!

In this demo, we learn an alternate method to creating components using entire frames in order to create an automatically changing gallery of images using something called "delay"

From  Lukas Emory 0 likes 10 plays 0  

Figma Demo: Nodes with a Horizontal Scroll

In this demo we learn how to build a node that is a horizontal gallery and can be scrolled through from side-to-side.

From  Lukas Emory 0 likes 63 plays 0  

Figma Demo: Creating Components and Variants of Components

In this demo we learn how to tell Figma when something is a component and when a component has multiple variants. We will also prototype changing a component to a new variant when hovering over it.

From  Lukas Emory 0 likes 83 plays 0  

Figma Demo: Content With a Fixed Position (Foreground only)

In this demo, we learn how to stick content to a specific part of the screen and have it appear at all times. This only applies to content that is meant to hover overtop of other content. There is…

From  Lukas Emory 0 likes 30 plays 0  

Figma Demo: Place Image and Mask It

In this demo we learn how to place an image into a mask so that we can control its size and shape without having to crop the image outside of Figma.

From  Lukas Emory 0 likes 22 plays 0  

Figma Demo: Social Logos and Other Icons

In this demo we use simpleicons.org and fonts.google.com/icons to add funky lil dudes to our site.

From  Lukas Emory 0 likes 23 plays 0