Mobiconf 2018: Mikolaj Dobrucki, Ucreate.it
summary
Compares three concrete toolchains and what they actually do: InVision DSM exports CSS/Sass variables and platform snippets but requires manual library maintenance, Framer X embeds editable React components (TypeScript) that round-trip between prototype and code, and Figma Web API gives JSON node trees plus image renders and is used by GitHub/Uber to sync icons and content. Claims generated full apps rarely reach production; real wins come from design systems that sync colors, text styles, assets and component mappings for large teams.
AI-written summary · about
chapters (9)
- 0:00Introduction and CERN origins
- 2:10About the speaker and talk
- 7:52Design and development separation
- 12:11Design systems as solution
- 14:41InVision DSM demo
- 20:30Framer Primer X approach
- 25:51Figma Web API integration
- 37:57Tool limitations and team impact
- 41:17Q&A session
related talks
15mModern Approach to Designer ❤️ Developer Collaboration
22mCrafting design context for agentic coding workflows
28mOpening & Welcome
30mDesigning with React
17mBlurring the line between designers and developers with Meng To
29mDesign to Code: Roundtable discussion with Code Connect users
23mCoding Mobile with the Pros
54mBuilding design systems together