Skip to main content

Hi,

I’m working on a Figma project where I have both free and premium features. Currently, I have separate prototypes for free and premium users, but I want to merge them into a single prototype to provide a more seamless user experience.

The challenge I’m facing is simulating the unlocking of premium features after the user completes the payment process. I want to design a flow where certain features become accessible only after payment.

Does anyone have suggestions on how to achieve this within Figma? I’m looking for techniques or best practices to simulate the payment process and dynamically unlock features based on user actions.

Any insights or examples would be greatly appreciated. Thank you!

It depends a lot on how and where you are ‘unlocking’ the features.
For me, once I just started with full (premium) features and then simply had a variable “Visible = False” assigned to their Layer Visibility property. So after payment in free mode, I simply changed “Visible” to True and premium features were available.
Since there were tabs and sections as part of auto-layout, there weren’t any challenges.

Terms & ConditionsCookie settingsAccessibility statement