Nick Butcher on prototyping motion and material design
Stay organized with collections
Save and categorize content based on your preferences.
Welcome to Designer Vs. Developer, a show that tries to solve the
challenges faced in the industry by opening a conversation between
the two, providing take aways, solutions to workflows, tools and
discussions on everyday struggles.
Mustafa speaks to Nick Butcher, Design and Developer Advocate at
Google, about motion design, prototyping and the three layers
of material design.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-08-06 UTC."],[[["\u003cp\u003e"Designer Vs.Developer" is a show that explores industry challenges by fostering conversation between designers and developers, offering solutions, workflows, and tools for everyday struggles.\u003c/p\u003e\n"],["\u003cp\u003eThis episode features Nick Butcher, a Design and Developer Advocate at Google, discussing motion design, prototyping, and the three layers of material design.\u003c/p\u003e\n"],["\u003cp\u003eKey topics covered include prototyping tools (After Effects, Lottie, Plaid), animating on schedule, and designing design systems.\u003c/p\u003e\n"],["\u003cp\u003eThe episode is available as a video recording on YouTube and as a podcast on Spotify, Feedburner, iTunes, and Google Music.\u003c/p\u003e\n"]]],["Mustafa interviews Nick Butcher from Google about motion design and material design. They discuss prototyping tools, After Effects, and the three layers of material design. Additional topics include animating on schedule, Lottie, Plaid, and designing a custom design system. Listeners can subscribe to the \"Designer Vs. Developer\" podcast via Spotify, Feedburner, iTunes, or Google Music, and watch the video recording on YouTube. The page also provides feedback options.\n"],null,["# Nick Butcher on prototyping motion and material design\n\nWelcome to Designer Vs. Developer, a show that tries to solve the\nchallenges faced in the industry by opening a conversation between\nthe two, providing take aways, solutions to workflows, tools and\ndiscussions on everyday struggles.\n\nMustafa speaks to Nick Butcher, Design and Developer Advocate at\nGoogle, about motion design, prototyping and the three layers\nof material design.\n\nIn this episode:\n\n- Prototyping tools\n- After Effects\n- [Animating on schedule](http://bit.ly/2IN9xXd)\n- [Lottie](http://bit.ly/2pIEOSr)\n- [Plaid](http://bit.ly/2OQ34jy)\n- [How to design your own design system](http://bit.ly/2CyaQcq)\n- Material design layer cake\n\nSubscribe to Designer Vs Developer Podcast via\n[Spotify](https://bit.ly/MustafaOnSpotify)\n[Feedburner](https://goo.gl/USHXv8),\n[iTunes](https://goo.gl/1E9U0G) or\n[Google Music](https://goo.gl/qCBlST)\n\nWatch [the video recording](https://www.youtube.com/playlist?list=PLNYkxOF6rcIC60856GnLEV5GQXMxc9ByJ). \nWas this page helpful? \nYes \nWhat was the best thing about this page? \nIt helped me complete my goal(s) \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nIt had the information I needed \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nIt had accurate information \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nIt was easy to read \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nSomething else \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nNo \nWhat was the worst thing about this page? \nIt didn't help me complete my goal(s) \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nIt was missing information I needed \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nIt had inaccurate information \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nIt was hard to read \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new). \nSomething else \nThank you for the feedback. If you have specific ideas on how to improve this page, please [create an issue](https://github.com/google/webfundamentals/issues/new)."]]