Search for tag: "media"

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 11 plays 0  

Figma Demo: Oversized Map with Interactions

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.

From  Lukas Emory 0 likes 3 plays 0  

Figma Demo: Countdown

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

From  Lukas Emory 0 likes 2 plays 0  

Figma Demo: Creating a Toggle From Scratch

In 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  

University of Delaware Online MA in Strategic Communication Virtual Open House October 25, 2023

Unable to join us for the live presentation? Please watch the Virtual Open House, recorded on October 25, 2023. Admissions Counselor Stacy Brown and Program Director Tara L. Smith discuss program…

From  Melissa Betau 0 likes 21 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 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: 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: 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: Icons

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

From  Lukas Emory 1 likes 3 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 Component

In 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 Work

In 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: Creating Margins For Your Pages

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

From  Lukas Emory 0 likes 46 plays 0  

Figma Demo: Editing Shape Colors and Corners

In 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