LibGuides: MUL390: Module 3

Module 3 Required Resources

Designing and Prototyping Interfaces with Figma by Fabio Staiano
ISBN: 9781800564183
Publication Date: 2022-03-16
Staiano, Fabio. Designing and Prototyping Interfaces with Figma. Pakt Publishing, 2022.
Discover user experience and user interface design best practices while mastering a wide array of tools across Figma and FigJam with this full-color guide.

Read the following chapters to supplement the videos about Figma:
- Chapter 6: Creating a Responsive Mobile Interface Using Auto Layout
- Chapter 9: Prototyping with Transitions, Smart Animate, and Interactive Components

Figma Essential Training: The Basics
Wood, Brian. Linkedin Learning: Figma Essential Training: The Basics. 2021. https://www.linkedin.com/learning/figma-essential-training-the-basics/the-basics-of-figma?autoplay=true&u=56742097
This LinkedIn Learning video is an excellent source to learn how to fully use Figma. It starts off with basic concepts and moves into hands-on development tools and processes that you will need to know for the completion of this course.

Watch the following sections of the LinkedIn Learning:
- Section 4: Work Smarter
- Section 5: Prototyping

Designing in Figma: The complete guide to designing with reusable components and styles in Figma by Eugene Fedorenko
ISBN: 9798682918232
Publication Date: 2020-09-15
Fedorenko, Eugene. Designing in Figma: The complete guide to designing with reusable components and styles in Figma. Independently published, 2020.
This book is highly recommended! Designing in Figma is an easy-to-understand book that allows readers to grasp the foundational concepts of using Figma. Figma will be used as the main tool for designing and developing UI projects for this course.

Best Practices: Components, Styles, and Shared Libraries
Lowry, Thomas. "Best practices: components, styles, and shared libraries." Figma.com, https://www.figma.com/best-practices/components-styles-and-shared-libraries/
Best practices in Figma
Create Layout Grids with Grids, Columns, and Rows
"Create layout grids with grids, columns, and rows." Help.figma.com, https://help.figma.com/hc/en-us/articles/360040450513-Create-layout-grids-with-grids-columns-and-rows
Using Grids in Figma
13 Best Figma Tips and Tricks for Designers in 2022
Gupta, Jyotesh. "13 best Figma tips and tricks for designers in 2022." Webdew.com, https://www.webdew.com/blog/figma-tips-and-tricks#title_1
Tips and tricks in Figma

Yahoo Design Pattern Library
“Yahoo Design Pattern Library.” Developer.yahoo.com, http://developer.yahoo.com/ypatterns/
Helpful resource for UI patterns
Pattern Library
Welie, Martjin. "Pattern Library." Welie.com, 2008, http://www.welie.com/patterns
Helpful resource for UI patterns