Part 1: Figma Basics
Chapter 1: What kind of tool is Figma?
1.1 All processes from design, prototyping, and collaboration in one place
1.2 Use Figma for free
1.3 Upgrading Figma Features
1.4 Why You Should Use Figma Now

Chapter 2: Getting Started with Figma
2.1 Getting Started with the Web
2.2 Getting Started with the Desktop App
2.3 Starting the Mirror App

Chapter 3: Exploring the File Browser
3.1 File Browser
3.2 Creating a Team
3.3 Starting a Team Project
3.4 Using the Community

Chapter 4: Exploring the Editor
4.1 Editor Configuration
4.2 Getting to Know the Toolbar
4.3 Layers Panel
4.4 Properties Panel

Chapter 5 Using the Editor
5.1 Creating a Card UI
5.2 Adding Effects


Using Figma to Double Your Work Speed ​​in Part 2
Chapter 6 Using Components
6.1 Understanding Components
6.2 Master Components and Instances
6.3 Designing Lists with Components

Chapter 7 Using Auto Layout
7.1 Understanding Auto Layout
7.2 Designing a News Feed Header with Auto Layout

Chapter 8: Using Constraints
8.1 Understanding Constraints
8.2 Applying Constraints to the Login Screen

Chapter 9: Using the Layout Grid
9.1 Understanding the Layout Grid
9.2 Understanding Grid System Terminology
9.3 Designing a Scheduler with a Layout Grid

Chapter 10: Using Plugins
10.1 Learn about plugins
10.2 Designing Contacts with Plugins
10.3 Recommended Plugins

Chapter 11 Using Styles
11.1 Learn about styles
11.2 Creating a Design System with Style


Part 3: Designing in Figma
Chapter 12: Designing a Responsive Landing Page
12.1 Understanding Responsive Web
12.2 Preparing the Landing Page Design
12.3 Setting up the grid
12.4 Designing a Global Navigation Bar
12.5 Designing the Intro Banner Area
12.6 Designing the Introduction Area
12.7 Designing the Closing Banner Area
12.8 Supporting tablet and mobile screen sizes

Chapter 13: Designing a News App
13.1 Understanding Mobile Operating Systems
13.2 Preparing to Design a News App
13.3 Adding a status bar and home indicator
13.4 Designing the Bottom Tab Bar
13.5 Designing the Title Area
13.6 Designing Horizontal Swipe News
13.7 Designing Vertical Scrolling News
13.8 Android Support

Collaborating in Figma Part 4
Chapter 14: Designing Screens with Wireframes and Prototypes
14.1 Why Wireframes and Prototypes Are Needed
14.2 Planning the screen by sketching
14.3 Drawing Screen Wireframes
14.4 Creating dynamic screens with prototypes
14.5 Using Presentation View

Chapter 15: Managing Design Resources with Team Libraries
15.1 Publishing Files to a Team Library
15.2 Handling Team Library Files
15.3 Design Systems and Atomic Design

Chapter 16: Real-time Collaboration
16.1 Start Real-Time Collaboration with File Sharing
16.2 Leave a Comment
16.3 Observation Mode

Chapter 17: Developers Using Figma
17.1 Figma Solves All Problems in One Place
17.2 Extracting Design Assets
17.3 Using the Code Tab

Appendix A: Leveraging the Figma Community
Appendix B Using Figma Templates
Appendix C: What kind of designer do you want to become?

Selected by design YouTuber Ami Design TV
Figma, the free all-in-one design tool!


The design industry's work processes have evolved into an agile approach (a development method that iterates on a minimum of features in short cycles and involves close collaboration).
Then, the all-in-one tool Figma began to attract attention.
Figma is a single tool that can handle everything from design to version control.
It's easy to collaborate on, and because it's web-based, it's easily accessible even to non-designers.

This book starts from the basics so that even those who have never used existing design tools can follow it.
You can learn Figma's various functions without getting bored because you will be following the examples in the book and completing small projects.
We used practical examples that can be used in real-world situations, such as cooking classes, shopping malls, and news apps, and all resources needed for practice are provided as Figma files.

You can learn practical, practical information all at once, including useful plugins and efficient community utilization methods.
It will also be of great help to novice designers as it covers the considerations and decision-making process involved in designing an actual writing app and prototype screens.