|
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.
|