Skip to main content
mathilde3
Jul 25, 2023 7:44 AM UTC
Question

Is it possible to see/open variable library in figma as a viewer?

I’m working with developpers and they need to be able to consulte our variable library to integrate our design system (espacially the colors). Does anyone know if, when you are a viewer it is possible to consulte them ?

    This topic has been closed for replies.

    6 replies

    owen5
    owen5
    New Participant
    Aug 9, 2023 9:06 PM UTC

    +1 - I have this question as well. Developers can view individual variables in dev mode, but they seem to have no way to view the entire list of variables anywhere.

      Elaine_Cervania1
      Elaine_Cervania1
      Jan 22, 2024 1:14 AM UTC

      +1 badly need this

        Ampier
        Ampier
        Jan 29, 2024 5:05 PM UTC

        @mathilde3
        I created a plugin that should solve this problem. It allows you to output all variables in JSON or CSS format.

        Figma
          Kendra_Davis
          Kendra_Davis
          Aug 6, 2024 2:29 PM UTC

          +1, we need this to be able to collaborate with development partners outside of our org. It’s unrealistic to grant all devs edit access to Figma just to consume the information the same way we can visually.

          Muhammad_samir
          Nov 11, 2024 10:31 AM UTC

          I created a plugin that should solve this problem. It allows you to view and export all variables in JSON or CSS format.

          https://www.figma.com/community/plugin/1434720635503158584/variables-design

          Yoriiis
          Yoriiis
          New Participant
          Mar 23, 2025 7:08 PM UTC

          We use the Figma CSS Variable plugin in our team, which is case-sensitive and can export Figma variables in CSS. The next version will allow you to export CSS directly to GitHub or Gitlab for seamless collaboration between design and code.

          Link to the plugin :
          https://www.figma.com/community/plugin/1474166340745390696/figma-css-variables

          I hope it meets your needs

          Terms & ConditionsAccessibility statement