Search for tag: "graphic design"

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

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

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.

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.

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.

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

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.

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.

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

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

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

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

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

This videos covers four principles of design: proximity, repetition, alignment and contrast. We show you how these principles work in action, so that you can apply them to your own graphic desing…