Link to Fluid's Microsoft Teams channel Link to the support page

Figma

Welcome designers, here you'll learn how to use Fluid Design System with Figma.
To take advantage of our library and join our team, please send us an email describing your project!

  1. Join us on Figma by using your ENGIE email account to use Fluid

    Join ENGIE on FIGMA

    If you don't have an ENGIE email account, please contact your manager at ENGIE.

    Okta sign in interface

  2. Choose a workspace according to your entity on Figma

    The Fluid library is activated by default for every new Figma files. You will also automatically join the Fluid Design System team. Thanks to that, you will have access to the documentation and other resources.

    If your entity is not listed on Figma, please contact us.
    Workspace prompt selection
    Screenshot of Figma workspace prompt selection.

  3. Browse the library and insert components

    Browsing Engie Fluid Design System assets

    Our library use the variants and components props. You can change your component and find easily the combination you need.

    Using the variants

  4. Keep the library updated

    We regularly evolve and make adjustments. Make sure you have the last version of the Fluid Design System Library by updating through Figma.

    Teams Keep notice on Fluid Teams Channelchevron_right

    Update Engie Fluid Design System

Support

If you notice any problem with the file or if you have any suggestion to improve the Design System, don’t hesitate to contact us.