Search for tag: "graphic"

Figma Demo: Swipe Up to Reveal Longer Content

In this demo, we look at a mock map with a preview on content that you can swipe up to read more.

From  Lukas Emory 0 likes 10 plays 0  

Figma Demo: Carousel Gallery With Images that Change Size

In this demo, we create a carousel gallery where the images are changing size when they are in the center.

From  Lukas Emory 1 likes 6 plays 0  

Figma Demo: Linking to an External Page

In this demo, we learn how to use the On Click > Open Link interaction to link a piece of your design to an external website.

From  Lukas Emory 0 likes 2 plays 0  

Figma Demo: Linking To the Next Page

In this demo, we use the Navigate To interaction to let a button or other component link you to the next page in your design.

From  Lukas Emory 0 likes 8 plays 0  

Figma Demo: Using X and Y Values for Consistent Component Placement

In this demo, we use the X and Y values of a component to ensure it is placed in the exact same place on each page.

From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Automatic Vertical Scroll Within a Section

In this demo, we learn how to use the "Mouse Enter" response to create text that automatically scrolls.

From  Lukas Emory 0 likes 4 plays 0  

Figma Demo: Time Activated or Mouse Enter Activated Popups

In this demo, we learn how to launch popups after a delay or after the mouse enters a specific part of the page.

From  Lukas Emory 0 likes 4 plays 0  

Updated Figma Demo: Content With a Fixed Position

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

From  Lukas Emory 0 likes 10 plays 0  

Figma Demo: Loading Screen Progress Ring

In this demo, we use the ellipse tool to create a ring that animates to become a loading progress bar.

From  Lukas Emory 0 likes 10 plays 0  

Figma Demo: Change mobile button variant before navigating

In this demo, we build a workaround so you can change the variant of your component at the same time as it navigates to a new page.

From  Lukas Emory 1 likes 30 plays 0  

Figma Demo: Creating a Popup with a Clickthrough Gallery

In this demo we create a Clickthrough gallery and then turn it into a popup.

From  Lukas Emory 0 likes 16 plays 0  

Figma Demo: Adding Tasks to a Task List

Here is how to click to add a new task to a task list.

From  Lukas Emory 0 likes 36 plays 0  

Figma Demo: Checking Off or Unchecking Tasks

Here is how to use component variants to check a task as complete or uncheck it to mark it as incomplete.

From  Lukas Emory 0 likes 20 plays 0  

Figma Demo: Changing Selections / Label Highlights

Here is how to create a component set so you can toggle between labels/selections.

From  Lukas Emory 0 likes 21 plays 0  

Figma Demo: Swipe Through Multi-Image Post

Here is how to create a social media post with multiple images that you can swipe through.

From  Lukas Emory 0 likes 60 plays 0  

data visualizations

From  Federica Bianco 0 likes 31 plays 0