#ClimateEmergency

Figma

The Design Chapter at George started to look into Figma in April 2021. In January 2022 we finally got green light to onboard all squads to it and soon, Figma is our main design tool replacing Sketch.
Mid of 2023 we switched to Figma enterprise to combine all entities of Erste Group working on George to a single Figma account to boost collaboration even further.

Figma Enterprise

The George Labs Figma Enterprise account comes with a single sign-on. Anyone with a whitelisted email domain can access our Figma Enterprise account right away.
If you don’t have access to George Labs Figma Enterprise Account but you think you should have, get in touch with one of your country administrators:

Figma Libraries for George

We use several custom Figma libraries to design George.
If you think you should have access to George libraries, get in touch with us:

Artboard sizes

Stay consistent with the width of the artboard(s).

TierNameBrowser widthGrid widthInner content widthFigma Frame Width
xsextra small< 576px100%100% 30px320px and/or 570px
smsmall≥ 576px540px510px600px
mdmedium≥ 768px720px690px768px
lglarge≥ 992px960px930px1024px
xlextra large≥ 1200px1140px1110px1440px
xxlextra extra large≥ 1400px1320px1290px1920px

HINT The outer gutter width is always 30 pixels (2× 15px).

Figma Plugins

We use several third party plugins to enhance Figma.

  • Figma Measure by Phil and carlhauser - “A plugin for easy measurement of sizes.”
  • skale by Jan Six - “Scale your layers (any layer!) to a specificed width, height or scale value including all properties (strokes, etc). Imagine the scale tool (K) with the power of the properties panel (specify width, height or scale value).”
  • Sorter by Tom Lowry - “A plugin for sorting/reordering layers.”
  • Stark by Stark - “The suite of integrated accessibility tools for your product design and development team”

Some useful shortcuts

  • Press Ctrl + Shift + ? to open the Shortcut Help menu
  • Press Cmd + P to open the Quick Actions panel