Search for tag: "figma"

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 map that takes over the whole page and lets you scroll in any direction to navigate and interact with its pins.

In this demo, we use the After Delay function to create a timer.

In this video, we use an ellipse and rectangles to create a toggle with the After Delay interaction.

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

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 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 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 learn how to use the "Mouse Enter" response to create text that automatically scrolls.

In this demo, we check what our page design would look like on an actual screen interface.

In this demo, we download icons from Google Fonts to use in our design.

In this demonstration, we convert a navigation menu into a Component so we can easily copy it throughout the project.

In this demo, we learn where to grab logos for social media icons and use them in your designs.

In this demonstrations, we use a Layout Grid to create margins to design within.

In this demo, we learn how to change the color and outline of a shape then how to round its corners.

In this demonstration, we learn how to place an image in Figma and use a piece of our wireframe to mask it into the right size and shape.