Skip to main content
Question

How to make a line travel from point A to point B

  • February 28, 2022
  • 4 replies
  • 3848 views

Halle_Risko

Hi, I’m trying to have a line start at the left side of my page, and then slowly travel to a point onto the right side of my page. I want it to show the user that the product I’m speaking about has come from the UK to the US, and I’m not sure of how to get this effect while prototyping.

This topic has been closed for replies.

4 replies

djv
Figmate
  • Community Support
  • 4798 replies
  • February 28, 2022

Hey @Halle_Risko,

You can use the pencil tool in Figma to draw the line from left to right then edit your line using the Stroke and Advanced stroke settings.

Here’s a screenshot that may help you get started:


Halle_Risko

Hi @dvaliao thank you for the reply! I have another question but the new topic button isn’t visible for me. I’m trying to create a variant of two components, and I would like my second component to hover to the left of my first, but I can’t figure out how to get it to do so. I was wondering if you could help!


Nelson
  • 8 replies
  • March 4, 2022

@Halle_Risko Here’s a file you can duplicate to your drafts that I think covers the animation part of what you are looking for. Basically I put a mask on the dotted line and used Smart Animate to move the mask to the left so you can see the whole line.

Figma – 4 Mar 22

  • 0 replies
  • April 3, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings