I'm thinking about building my portfolio using Figma Sites, but before I start, I wanted to ask: does Figma allow you to password-protect specific pages or projects? I’d like to make some sections private or only accessible to certain people.
Question
Do Figma Sites support password-protected pages?
I have the same query for the same purpose
Same here!
Also same!
I don’t think Figma has built-in functionality for this yet, but here’s a workaround I’ve found. It’s not easy to implement, but it’s possible.
Via Design:
You can also play around with variables and conditional logic.
-
Create a boolean variable to control the visibility of your content.
-
Make your input field interactive by linking it to a variable.
-
When the submit button is clicked, check if the input matches your “password”.
-
If the validation is successful, update the visibility variable to
true. -
You can then either show the content inline or redirect to another URL, both approaches work.
I haven’t checked the security implications yet, but I’m guessing it’s not very secure.
Via Code:
In the site settings, there’s a section for custom code. You can add your logic there. I tried adding a text field, button, and a custom div, and it worked.
Cons:
-
You can only add code in a general file, so it seems to be intended for single-page portfolios.
-
You’ll need to style everything to match your page. Functionality is limited, you can only inject code at the start or end of the
<body>. You'll also need to handle responsive design manually.
I also have the same request
Hi everyone! At this moment, Figma doesn't support password-protecting specific pages or projects. That said, I know this is a feature many of you are interested in, and I’ve shared this feedback with our internal teams for consideration.
Thank you for sharing your feedback and let me know if you have anything else to add.
There’s a workaround. Use Figma Make and put the input “Make a password protection that I can put on my home page. From there, I want it to automatically go to the page titled "home-1". If it's the wrong password, then I want it to give them an error message.”
Put the component that they make on your initial home page. It’ll redirect to whichever page you want. I’m sure you can copy-paste if you want it to just be for individual pages vs the whole site.
Framer has the same limitation, which feels like a missed opportunity since it's such a fundamental feature. Many people end up using Webflow, as they currently offer this functionality. I hope Figma will introduce this soon. I’d be glad to switch to Figma if they add this feature.
There’s a workaround. Use Figma Make and put the input “Make a password protection that I can put on my home page. From there, I want it to automatically go to the page titled "home-1". If it's the wrong password, then I want it to give them an error message.”
Put the component that they make on your initial home page. It’ll redirect to whichever page you want. I’m sure you can copy-paste if you want it to just be for individual pages vs the whole site.
I used:
“When this button is clicked, I want to show a modal with an input, and a button, same style. From there, I want it to automatically go to the page titled "/page" on submitted if correct. If it's the wrong password, then I want it to give them an error message.”
Single prompt got the job done. Definitely is not secure….
Hope this feature launch soon! Need this badly.
Hey all, Adam from the Sites team here! 👋
We recently release site-wide password protection and we’re actively working on page-level passwords. It should should be ready soon. I’ll post back here when it is.
-Adam
There’s a workaround. Use Figma Make and put the input “Make a password protection that I can put on my home page. From there, I want it to automatically go to the page titled "home-1". If it's the wrong password, then I want it to give them an error message.”
Put the component that they make on your initial home page. It’ll redirect to whichever page you want. I’m sure you can copy-paste if you want it to just be for individual pages vs the whole site.
Thank you for this workaround.
I can't get the linked page to work. How does linking the page work? The page is called /home on my project, and it just doesn't work. I always get the error message “not found,” even though I entered “/home” as specified.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.