🎙️UX+DEV SUMMIT 2018 - Marcelo Paiva

on YouTube ↗17m

" summary

Demo shows a Sketch file acting as the Single Source of Truth that gets watched, pushed to a repo and auto-converted into a JSON token file and framework-agnostic CSS output, with changes gated by normal pull‑request review and merge flow. The two‑hour workshop builds a pipeline that generates CSS custom properties from Sketch, produces React‑friendly assets but remains tech‑agnostic, and is released as open source.

AI-written summary · about

" chapters (5)

1. 0:00Welcome to UX+DEV Summit
2. 1:13Introducing Marcelo Paiva
3. 3:58Design tokens workshop
4. 10:16Leading design systems
5. 15:55Final advice and closing

" related talks

• 29mSketching in the BrowserMark Dalgleish · JSHeroes 2018
• 25mIntegrating UX and DXMarko Klemetti · UXDX Community Amsterdam 2019
• 30mDesigning with ReactMark Dalgleish · React Amsterdam 2019
• 33mA Modern Designer's WorkflowRandy Oest · MidCamp 2019
• 25mDesigning with ReactKristin Baumann · React Day Berlin 2017
• 35mWe need to talk about our frontend workflowSiddharth Kshetrapal · ReactFoo Hyderabad 2018
• 28mFrom Sketch to Code Designing a Component KitSamantha Bretous · React Boston 2018
• 35mDesign system - From a Developer Point-of-ViewYael Oshri Balla · YGLF 2019: Code Camp