|
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.
|
|
This demonstration provides a 2023 updated method of giving sections their own horizontal scroll.
|
|
In this demo, we learn how to correct two components that need to interact with each other but are not the same shape or size.
|
|
In this demo, we use the After Delay interaction to create animations with component variants.
|
|
In this demo, we learn how to launch popups after a delay or after the mouse enters a specific part of the page.
|
|
April 2023: Figma has recently updated the method for fixing content while scrolling. In this demo, we learn how to stick content to a specific part of the screen and have it appear at all times.…
|
|
In this demo, we use the ellipse tool to create a ring that animates to become a loading progress bar.
Department Name
Art & Design Department Division
Marketing Date Established
April 18, 2023
|