Skip to main content

Hello Figma team and community,

I’ve been working on a project where I need to display detailed information about multiple people (or products) in a modal. The setup is simple:

  • Each Card component has exposed properties (Name, Job, Description, Photo).

  • On hover/click, the card should open a global Modal that shows the same information.

Currently, the only way to make this work in prototypes is to use Set variable → literal values (e.g., selName = "Norman"). This means:

  • Every instance of the card requires manually duplicating interactions with hardcoded values.

  • If I update the Card property (e.g., change the person’s name or job), the modal still shows the old hardcoded value unless I also update the variable action.

  • This breaks scalability. For 10, 20, or 50+ people, it becomes very time-consuming and error-prone.

💡 What I would like to request:
The ability for Variables to “read” the exposed properties of a component instance and pass those values dynamically to the Modal. In other words:

  • If a Card instance has Name = "James", the Set variable action should be able to use that property’s value instead of requiring me to type "James" again.

  • This would make modals (and other UI patterns) scalable and dynamic, especially for teams working with product catalogs, user directories, or any repeated UI with details.

This feature would allow:

  • Truly dynamic data binding in prototypes.

  • Less duplication of work and fewer errors when data changes.

  • Better support for realistic prototyping (closer to production logic).

Is this something the team is considering? It would unlock a huge step forward for those of us building complex interactive prototypes with variables.

Thank you for your amazing work! 🙌

Be the first to reply!