Can my client in free plan see the CSS in my design?

Hi @Michael_Ali
Here is a comparison, inspecting the same simple button, between :

• a guest, with a free plan, on the left
• Dev mode on the right

Hi, thank you for your reply. Really appreciate it. In professional setting, will it still be acceptable for my clients to receive the final deliverable (free plan, without Dev-mode features)? What is the problems or challenges a web developer may find when he/she receive the file and view it in a free plan? I’m not a programmer and I have a basic, little knowledge in CSS and HTML; and based on what I see in your example, the free plan will still allow a developer to build the website without a problem since he/she can view the width, height,radius,padding, color, etc. , won’t they?

I think it’s up to me, as long as I make the documentation and design system clear, everything will be ok, hopefully

Thanks again!

TL;DR

It can be done and for some it might not be a problem, from my point of view, it really depends on the developer(s), on how comfortable they are with HTML/CSS and Figma’s language. You might have to specify behaviors to them from time to time as some information might be missing on the Properties panel.

As a hobbyist developer I’d say it’s doable without Dev mode, but it might be more painful.
Disclaimer: my judgment is biased as I’m a designer and I can easily understand how a Figma design was made of, based on the tree-view.

Information: Hard to find

Some information are harder to find about than other. For example within Dev mode : padding, gap, distance, … are visible simply upon hovering them, while within free plan you’ll have to click on an element then hover its neighbors, while pressing alt key, to get the distance between them).

Information: Undisclosed

And as shown on my previous screenshot there are some information you just won’t be able to get. Depending on the experience of the developer(s) toward HTML/CSS and Figma you might need to produce some documentation so they get the expected behaviors of your designs, since Figma has its own language that doesn’t always reflect on CSS.

you can try this plugin or or similar ones

Thank you!