Search for tag: "digital design"

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 3 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 2 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 5 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 3 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 3 plays 0  

Figma Demo: Trick For Taking Apart Components

In this demo, we learn a simple trick to take apart a component so we can either rework it or use its pieces for other parts of the design.

From  Lukas Emory 0 likes 5 plays 0  

Figma Demo: Flipping Cards

In this demo, we are creating a card that flips when you click it. Note: if you are doing this with a design that raw text, you need to Flatten it before being able to squish.

From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Adding a Fade to Scrollable Content

In this demo, we use the Linear fill of rectangle to create a gradient fill so your content can be previewed before scrolling into it.

From  Lukas Emory 0 likes 19 plays 0  

Figma Demo: Moving Decorations / Characters

In this demonstration, we use the Smart Animate transition to create moving decorations on a page.

From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Filling Out A Form

In this demonstration, we use simple components and variants to simulate filling out a form.

From  Lukas Emory 0 likes 8 plays 0  

Figma Demo: Color Selector with Swatch Preview

In this demonstration, we build a color selector bar that shows you a preview of the swatch while you are dragging along the bar. Note: If you want this to be a horizontal bar, you must do this…

From  Lukas Emory 0 likes 1 plays 0  

Figma Demo: Simple Selector Bar (Color Selector)

In this demonstration, we learn how to create a draggable selection bar for color swatches. You can also use this for any type of input bar.

From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Dots for Automatic Rolling Image Gallery

In this demonstration, we build dots to align with the automatic scrolling/rolling image gallery so users know how many images are in the gallery.

From  Lukas Emory 0 likes 5 plays 0  

Figma Demo: Dropdown Selections

In this demo, we learn how to build a dropdown selection panel that changes what is shown as the selection.

From  Lukas Emory 0 likes 7 plays 0  

Figma Demo: On-Click/Tap Popup

In this demonstration, we use the Overlay feature to create a popup.

From  Lukas Emory 0 likes 17 plays 0  

Figma Demo: Automatic Scrolling/Rolling Image Gallery

In this demo, we build a horizontal image gallery that automatically rolls from one image to the next.

From  Lukas Emory 0 likes 17 plays 0