Widget HTML #1

(Solved) Why is the feature prototype "Change to" not working Figma?

Figma is a platform for creating UI/UX design views on the system, users can create many system design views and make their components have actions so that the design display will look more real.

Figma currently has a prototype "Change to" feature that is accessible to all users. However, some users are still confused about its use because the "Change to" feature looks like it can't be used. Here's a guide on how to create interactive components using the "Change to" feature:
  1. First, open the figma.com site.
  2. Insert an image by clicking "File -> Place Image" or by dragging an image. Adjust the size of the image, in this tutorial I used a size of 1440 x 645.
  3. Insert two arrow icon images using the same method. then adjust its position so that it looks like the image below.
  4. Select all components and right click then select "Group selection".
  5. Select Group and right click then select "Create component".
  6. Select the Group component again and right click then select "Main component -> Add Variant".
  7. Replace the image in the variant2 component then adjust the size as shown below.
  8. Select the arrow icon on the default component then clicks "Prototype -> Interaction". After that select interaction "On click -> Change to" and point the property to variant2.
  9. Do the same for the other arrow icons then the design view will look like the following.
  10. Add a new frame by clicking the icon that looks like a fence.
  11. Pada menu frame sebelah kanan pilih tampilan Desktop.
  12. Go to Assets and drag the available components to the desktop frame.
  13. Go to Layers click the Desktop frame then click Prototype. Select the Flow starting point and click the play icon to see the result.
  14. Click "Options -> Fill screen" to zoom out.
  15. Please try clicking the arrow icon, if the image has changed, it means it's successful.

  16. Done.
It's finished here, a simple way to use the "Change to" prototype feature, please redevelop it and adjust it to your needs. hope it helps solve your problem.

Posting Komentar untuk "(Solved) Why is the feature prototype "Change to" not working Figma? "