Skip to main content
Question

How do i scroll onto a specific section of an image?

  • November 17, 2022
  • 6 replies
  • 1030 views

Mohamed_Belkacem

I want to have a rectangle in my project that holds an image inside it, when i scroll on that image i zoom into that specific image at the specific location i zoomed from, and i would also be able to move the image to see the rest of it.

i search everywhere and couldn’t find how to do this. anyone knows?

This topic has been closed for comments

6 replies

Joshua_Kales
  • New Member
  • 8 replies
  • November 17, 2022

I believe you are asking “How can I manipulate an image with a prototype action?” There may be a plug-in to do this, but out of the box Figma can not do this. You CAN instead make a component that switches the views you want.

I would create a component with multiple variants of the image zoomed to how you want, each one representing the zoom levels (and named appropriately).

Then you can use a click, scroll, or whatever to switch between the variants. With the animation between them, it will look like a fade but for a user test or as a prototype it will be clear what is happening.


Mohamed_Belkacem

forgive me for i am new to figma.

what is a variant and how to create multiple of it?

is there a tutorial for that?


Joshua_Kales
  • New Member
  • 8 replies
  • November 17, 2022

In your Drafts project, there are interactive tutorials for everything in Figma.

Here is the main Figma documentation on Components:

Figma Help Center

Mohamed_Belkacem

thank you for this.


Joshua_Kales
  • New Member
  • 8 replies
  • November 17, 2022

Glad to help!


  • 0 replies
  • December 17, 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