Search for tag: "digital design"

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

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

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

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

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

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.

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.

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.

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

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

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…

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.

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.

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

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

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