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"
, theSet 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! 🙌