Skip to main content

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.

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.

  1. Create a boolean variable to control the visibility of your content.

  2. Make your input field interactive by linking it to a variable.

  3. When the submit button is clicked, check if the input matches your “password”.

  4. If the validation is successful, update the visibility variable to true.

  5. 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:

  1. You can only add code in a general file, so it seems to be intended for single-page portfolios.

  2. 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

Terms & ConditionsCookie settings