Modern Approach to Designer ❤️ Developer Collaboration

on YouTube ↗15m

" summary

Case study of the eduweb.pl redesign shows concrete tooling and outcomes: Sketch and Figma for components and symbols, Abstract for versioning, Craft to inject JSON data, Zeppelin for measurements and asset export, and Framer X/Flint for prototyping. A living style guide is generated via the Figma API — about 200,000 lines of extracted CSS/HTML — wired to an Angular component library. Rules: export grouped SVG exportable assets, prefer vectors over bitmaps, design pages first then extract reusable components.

AI-written summary · about

" chapters (5)

1. 0:00Introduction
2. 3:23Style Guide
3. 7:09Handoff
4. 10:58Animation
5. 11:45Conclusion

" related talks

• 34mDesigners, Developers, Let’s Create the Difference!Florent Berthelot, Cécile Freyd-foucault · DevFest Lille 2019
• 33mA Modern Designer's WorkflowRandy Oest · MidCamp 2019
• 14mRethinking Designer-Developer CollaborationTalia Bakshi-Yeivin, Bar Shaya · ReactNext 2025
• 39mDesigning with ComponentsMark Dalgleish · ComponentsConf 2019
• 40mHow to optimise the workflow between designers and developers using design..Jose Nieves, Lara Garrido Moreno, Mónica Rodríguez · DrupalCamp Spain 2023
• 28mFrom Sketch to Code Designing a Component KitSamantha Bretous · React Boston 2018
• 25mPanel discussion about design systemsJani Eväkallio, Juho Vepsäläinen, Shodipo Ayomide, Yang Zhang · React Finland 2020
• 01h 02mShould Designers?Dan Mall · Frontend United 2017