Read on Twitter
Here are some emergent trends I’ve noticed about our #designsystem this year, as we're designing more and more in the browser 
(with code and not in traditional design tools like Adobe XD, Sketch or Figma)
1/7
(with code and not in traditional design tools like Adobe XD, Sketch or Figma)
1/7
This year, all the designers of the team started adopting our design-in-the-browser tool (aka the Playground!) to code components and layouts in vanilla HTML/CSS.
The tipping point? Once they realized how much it helps with dev handoffs and the time saved on design reviews.
2/7
The tipping point? Once they realized how much it helps with dev handoffs and the time saved on design reviews.
2/7
Nobody felt pressured to 'learn code'.
Instead a lot of designers started playing a little bit with our tool, and ended up digging more and more into how things are made out of curiosity
.
Some mentioned this as an unexpected highlight in our year-end appraisals!
3/7
Instead a lot of designers started playing a little bit with our tool, and ended up digging more and more into how things are made out of curiosity
.Some mentioned this as an unexpected highlight in our year-end appraisals!
3/7
Another unexpected benefit of designing-in-the browser is for our new joiners 
.
Being able to tweak components and play with them is a great way to get onboarded and really understand how everything works in our Design System, and in CSS more generally .
4/7
.Being able to tweak components and play with them is a great way to get onboarded and really understand how everything works in our Design System, and in CSS more generally .
4/7
Our tool is open to everyone internally and we don't control who uses it - I discovered more and more business people giving it a go. Millennial traders and quants for example, but also more senior people from our UK Private Bank.
Still not sure how they got the link!
5/7
Still not sure how they got the link!
5/7
Talking about organic growth, I also discovered users outside of our main locations - like in Beijing or Morocco.
It's quite humbling to think that a tool that started in the team as a side project is now facilitating the adoption of our design system across the globe
!
6/7
It's quite humbling to think that a tool that started in the team as a side project is now facilitating the adoption of our design system across the globe
!6/7
But let's not forget that a tool is a just tool.
We can't by-pass proper research and upfront thinking on information hierarchy and layout structures.
So maybe in 2021 we'll see more collaborative low-fi sketches with direct handoffs using the Playground?
7/7
We can't by-pass proper research and upfront thinking on information hierarchy and layout structures.
So maybe in 2021 we'll see more collaborative low-fi sketches with direct handoffs using the Playground?
7/7
Bonus tweet if you haven’t seen the Playground in action yet
/pokes @henry_daggett @_faz https://twitter.com/morganepeng/status/1232611113432494081
/pokes @henry_daggett @_faz https://twitter.com/morganepeng/status/1232611113432494081
