Search for tag: "interactive media"
Figma Demo: Swipe Up to Reveal Longer ContentIn 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
11 plays
0
|
|
Figma Demo: Oversized Map with InteractionsIn 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.
From Lukas Emory
0 likes
3 plays
0
|
|
Figma Demo: Creating a Toggle From ScratchIn this video, we use an ellipse and rectangles to create a toggle with the After Delay interaction.
From Lukas Emory
0 likes
3 plays
0
|
|
Figma Demo: Carousel Gallery With Images that Change SizeIn 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 the Next PageIn 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
10 plays
0
|
|
Figma Demo: Linking to an External PageIn 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
3 plays
0
|
|
Figma Demo: Using X and Y Values for Consistent Component PlacementIn 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 SectionIn 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: Company Logos (i.e. Social Media)In this demo, we learn where to grab logos for social media icons and use them in your designs.
From Lukas Emory
0 likes
6 plays
0
|
|
Figma Demo: Creating a Universal ComponentIn this demonstration, we convert a navigation menu into a Component so we can easily copy it throughout the project.
From Lukas Emory
0 likes
20 plays
0
|
|
Figma Demo: Previewing Your WorkIn this demo, we check what our page design would look like on an actual screen interface.
From Lukas Emory
0 likes
34 plays
0
|
|
Figma Demo: IconsIn this demo, we download icons from Google Fonts to use in our design.
From Lukas Emory
1 likes
3 plays
0
|
|
Figma Demo: Creating Margins For Your PagesIn this demonstrations, we use a Layout Grid to create margins to design within.
From Lukas Emory
0 likes
90 plays
0
|
|
Figma Demo: Editing Shape Colors and CornersIn this demo, we learn how to change the color and outline of a shape then how to round its corners.
From Lukas Emory
0 likes
5 plays
0
|
|
Figma Demo: Placing and Masking an ImageIn 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.
From Lukas Emory
0 likes
6 plays
0
|