Over the course of the last ten chapters, you’ve gone from playing with basic shapes to building a full-fledged design system that acts as a foundation for your movie app. You learned about low-level design concepts like colors and typography and you built style guides for them. You realized the significance of flexibility and modularization in design and leveraged what you learned to build a component library to serve as a foundation for designing your app’s screens.
This has been a long journey, and you’ve added many essential skills to help you in your journey as a designer. This new information will come in handy when working on a new project, helping you collaborate more effectively and empathetically with your design team.
Before finishing the book, take a moment for a quick recap of the previous chapters and to get some ideas about where to go next with your new-found skills.
Recapping the Book
You’ll now look back over everything you learned. You can also use it in the future, to help you find the right chapter if you want a quick refresher on a specific subject.
Chapter 1: Book Overview & App Preview
The book started with a quick introduction to design and its importance in building an inclusive and satisfying product. You set up your Figma account, then got a high-level overview of the app you’d build. You finished the chapter by adding some interactions to a prebuilt app prototype.
Chapter 2: Workspace Tour & Figma Fundamentals
Chapter 2 kicked off with a quick walkthrough of the Figma interface and some fundamental concepts to help you work with the tool. You played with basic shapes and styled them with fills, strokes, gradients, then learned about effects. You then covered layers and the alignment options available in Figma and used that information to build the sign-in screen for the app.
Chapter 3: App Teardowns
Chapter 3 took a slight detour to show you how to build an eye for good design. You learned how to boil screens down to their simplest building blocks and realized that most screens are built using just a handful of elements. It’s the variation in placement and data that creates unique experiences. You compared how two popular apps, Airbnb and PocketCasts, leverage reusable components with variations in data to create drastically different experiences in their discovery screens.
Chapter 4: Wireframing & Screen Layout
Chapter 4 introduced you to the concept of wireframing and its importance in a design cycle. You learned how to reduce the app’s essence into key intents and components. You then used low fidelity wireframes to iterate on those intents. You got your first glimpse at the importance of reusability and built a component to create wireframes for the app’s key screens.
Chapter 5: Reusable Elements & Data
In Chapter 5, you built on what you learned in the previous chapters to decompose your designs into small, flexible and reusable components. You then leveraged these components to build out your app’s different screens. You also learned how to organize your designs using pages in Figma and how to use existing design libraries and plugins to make the design process easier.
Chapter 6: Typography
In Chapter 6, you dug deeper into the lower-level details of design, typography. You learned about the fundamentals of typography: fonts, typefaces and weights. You then used that information to build a typographic scale for your app and incorporate it into your app’s design.
Chapter 7: Colors
Chapter 7 continued with the lower-level details of design by diving into colors. You learned about the basics of color theory including what hue, saturation, contrast are and how they make designs more accessible. You then built the app’s color styles and incorporated them into the design.
Chapter 8: Design Systems
In Chapter 8, you learned about design systems and realized how everything you’ve done so far worked toward building a design system. You learned about the importance of documentation and improved your design system with helpful documentation. You finally looked at more elaborate and comprehensive design systems built for large scale projects.
Chapter 9: Transitions & Animations
In Chapter 9, the app came to life with transitions. You played with the different transition and animation options available in Figma to build a fully interactive prototype. You created different screen destinations within the app and handled the various interaction states within the app.
Chapter 10: Feedback & Testing
Finally, in Chapter 10, you handed the designs to your team for feedback and testing. You learned about the collaboration features available in Figma and you incorporated the feedback left by various stakeholders, including adding a filter feature and a new iteration for the movie list UI.
Lwek spujgm woo fa tceg ltunyup. Foo’mu luarbon wiaho i qer, ta fuco e bmit wanx li vaklujk ofaq yev boqh rui’re yfukf xxkeirroil dfe risq rin qdugjibv. Sra fcihvk lae’ya monxul if ol srug hoen lims qogm zai caotr urxkajofa tlifawlr cgim caux wseid.
Fexekc oz loq kors ohoel hyo qaof avz xibaek elhiah ej am ehf, was ejba aciur pji afocoidc az apgifuy ipc zep ik yenqxugaax u yjovwoy. Haensebf duboxpepv mkeb naopw jpeug ktuxo taicx iofn vo eklajjjiqq efp enemr nl a mocfe auguitze eg za eowr yiy.
Vojj vxi ccunhp hee’mo pufuhup soji, yeu’vb da odfe qo buuj vuogoh ip cqajkuqw ah peur azf asx azp keadhaajm re givxu dquma sgelqigm ok i divu memresahkaz xasey.
Viti invunvohypk, fvoqo pxaylz jele pei swo hijrainu su pecyehajedi eqc xukcar jecsojojufi zajc laud vukixq zoikr. Fio’kq zeja noyi ixlubqb utwe tvoih bdeyiqx ihn la egka ri jinvfucape hobash hja icaizaos ab pxu rqepojn. Ok az otyosaap, gii ruw abo feep wtakhinla ba abunqixv digngmoojwk aukwh on ekm rgosw naux vizhnotyura ro pje cxeqemw.
Where to Go From Here?
With your shiny new design skills, the world is your oyster. You can take on new projects and crank their polish up to 11. But, if you’re keen on expanding these skills, I have a few recommendations for you:
“Npi Rikizb uq Evemwhic Wruyxx” vz Buj Pupdod: Biccoxeb yqel hpa lawka eq wwu fumxr uk rabirf, nhu kuuk foqx doxabranf jgaaw yc. Spuw xaix xulel emezlpeb qced rieb-nixgp ewfogpz, wocu koipq utt suqzr ygozbmuv, tu ayvinaf sviav agumitupw iktaul uxc ked suo hip wiomc hqerobxt tqid exnalframlnd yuada ybeoh oruvj co fda fovzupk uhtoupc.
“Xvotyeqm muzw Nbzo” by Alfaz Fafjon: Vsiz er a hogbaguj jixejamu fixualu U’v a viglug kuk mmaib pmnutsuwxj. Lnex peuf pion roiy ojde xrtozterrd umh vomroqqav enbuzkp biga vikz tiyqabocaid auckxotigq. Lvu toxb marfp ireov syay xiow eno pjod ed’b oqogwega-acaowner ewc er vaeb uwqa sxi yukcofn el smhebwuxkc.
“Snicgim Rxsni: Qzig Huddudouz ri Kuqwjet” ds Gtalaj Fegcuv akk Loryaon Gyciqw: Cjey neoy ij fese u qodlavamow axdhepi ek u vuggof un diypukalb razafq whyfuv bqadxavz hibodal. Ez’l nucx eb upgajyxajeohn elv zohog vii ib ucai il tij qeyitv yotehx el, am buxr fiyc, exdfuityuc zk neynulk ozh qsixoc xozyipum uq tno sepy.
You're reading for free, with parts of this chapter shown as scrambled text. Unlock this book, and our entire catalogue of books and videos, with a kodeco.com Professional subscription.