Captain Design

Tips and Tricks for Designing with Modern Tools

Figma Tutorial – Add component

Go to the Assets library in the left-hand sidebar. Use the search bar on top of the assets tab to search for…
Read more: Figma Tutorial – Add component
Create a component in Figma

Create a new component I’ve made a basic button for this tutorial, and I’ll show you how to convert it to a…
Read more: Create a component in Figma
Figma Tips – Undo component

If you want to undo a component in Figma, you must copy the component into an instance, detach the instance, and then…
Read more: Figma Tips – Undo component
How to delete components in Figma

To delete a component from your assets, delete your master component frame, and the component will be removed automatically from the assets…
Read more: How to delete components in Figma
How to detach instance in Figma

Select the Component Instance and head to the right-hand sidebar. Go to the Instance section and hit the three dots icon. In…
Read more: How to detach instance in Figma
How to duplicate components in Figma

Go to the Assets Library In the left-hand sidebar. Locate your component Using the search bar on top of the assets tab.…
Read more: How to duplicate components in Figma
Figma Tips – Edit component

If you want to edit a certain component, just go to the root component frame and edit it. Any change you add,…
Read more: Figma Tips – Edit component
Scale up a shape or an Icon in Figma

To elevate your design efficiency with expert techniques, explore our Figma Tips: Mastering Design Efficiency with Expert Techniques for more advanced tips…
Read more: Scale up a shape or an Icon in Figma
Figma Tips – Resize a Frame

To elevate your design efficiency with expert techniques, explore our Figma Tips: Mastering Design Efficiency with Expert Techniques for more advanced tips…
Read more: Figma Tips – Resize a Frame
Figma Tips – Set a size to a layer

Select the layer you want to resize. Go to the dimensions section in the right-hand sidebar. Change the width and height values…
Read more: Figma Tips – Set a size to a layer