Creating and organizing components
Your journey started with basic shapes and tools and then moved on to more advanced features, such as layout grids, styles, and auto layout, that you need to know about, as they all make your design much better. At the same level, there are components, which are quite a common feature for design tools (the name of this function can differ – for example, in Sketch, it’s called Symbols), as it is truly indispensable.
In this first section of this chapter, components in Figma will no longer be a mystery to you and you will learn mostly by using them directly in your project! So, open up Figma, and let’s get started!
What are components?
Components in Figma are powerful tools that allow you to reuse design elements across your project efficiently. They are essentially individual elements – ranging from a simple button to a complex layout block – that you can replicate and manage consistently throughout your...