Designed. an introduction to design for developers
summary
Concrete takeaways: learn Material basics (typography, grids, color, spacing) and use them to avoid reworking code; build quick screens with Sketch symbols and a 360×640 artboard; export icons and SVG/PNG sets and share measurements via Zeplin asset export so developers get hex codes and exact sizes; prototype interactions in InVision and Lookback to catch usability failures before coding; designing at 1x simplifies scaling and yields integer pixel layouts.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:00Challenges
- 2:13Knowledge
- 2:42Material
- 5:21Sketch Overview
- 6:53Sticker Sheet
- 9:48Screen Title
- 12:29Export
- 15:59Vision
- 17:16Demo
- 18:40Questions
related talks
38mDesign for Developers
38mDesign for Non-Designers
34mDesigners, Developers, Let’s Create the Difference!
35mA Developer's guide to the Design Process
58mDesign for Developers
21mHow developers can upgrade their visual design skills for better front end development
01h 02mDesign for Developers
15mModern Approach to Designer ❤️ Developer Collaboration