# Version Control on Figma v0.0.2
note: Welcome to the first video, we will start off with how we cover version control in free version of Figma
----
![](https://i.imgur.com/Tstr9Gk.png)
note: You may know free version of Figma keeps your update history for only 30days. Once that is passed your changes can no longer be tracked. So, with a bit of management, let me show you how we tackle that problem
----
![](https://i.imgur.com/snOKkfj.png)
note: On the left here you see the Figma pages.
----
![](https://i.imgur.com/GXuh4OI.png)
note: Each page here represents a different component.
----
![](https://i.imgur.com/azo9NXL.png)
note: When you open a page, you will see artboards/canvases where your design resides,
----
![](https://i.imgur.com/VBEc3Eo.png)
note: and each canvas contains a header section.
----
![](https://i.imgur.com/qMVMNRa.png)
note: This section have a component name with the version number
----
![](https://i.imgur.com/uFpDECE.png)
note: which must match the canvas name and the output expected to be produced in the github issue.
----
![](https://i.imgur.com/qOLjsIl.png)
note: Followed by the date when it was updated
----
![](https://i.imgur.com/CHJQjn4.png)
note: and a link to the GitHub issue where this component is created (In your case it could be a linke to any other platform)
----
![](https://i.imgur.com/N9Z1Wdp.png)
note: Below that we have a small description about the component updates. If there is an explanatory video about this component you can link that to a text here
----
![](https://i.imgur.com/ITKGt4U.png)
note: After that we have the list of dependencies
----
![](https://i.imgur.com/Kw3ldVx.png)
note: and dependents. Each of these links to the their respective canvases. This shows us what version of component this design requires as input and what other components needs this component as an input. Where all the designs are being used and how the whole project components are linked to each other.
----
![](https://i.imgur.com/y6SLTPW.png)
note: When you make a different version of a component. You duplicate the same canvas,
----
![](https://i.imgur.com/YZFcLoo.png)
note: change the version name
----
![](https://i.imgur.com/lkyDBJl.png)
note: and updated date,
----
![](https://i.imgur.com/13E0p0V.png)
note: the components description section
---
![](https://i.imgur.com/3x1zkHV.png)
note: and change any links to updated dependencies or dependents and their versions.
----
![](https://i.imgur.com/xbS68f9.png)
note: Once done you can modify the components design in your new canvas.
----
Now, what if you delete something? or split 1 component into multiple other? Or something which is deprecated but now have a successor component in replacement?
----
![](https://i.imgur.com/qxeqsEz.png)
note: Let’s use this component we have here called PopOverComponent as an example. For the first canvas we have all the popover designs in 1 component, but in this situation we want to split those popover designs to be their own standalone components.
----
![](https://i.imgur.com/s8uDhuS.png)
note: We will duplicate the current canvas, we keep everything the same
----
![](https://i.imgur.com/w0J8s1W.png)
note: but this time we add a deprecated tag in the header,
----
![](https://i.imgur.com/Aw8f9Gy.png)
note: and at the very bottom we will link all the success of this deprecation. In this case, multiple popover components with their own pages and issues.
----
![](https://i.imgur.com/e6TYUKk.png)
note: We also have cases where we merge multiple components into one. Let’s use this fileExplorerPopOver and
----
![](https://i.imgur.com/6K9kNqw.png)
note: BookmakrPopover as an example.
----
![](https://i.imgur.com/hfvvRBK.png)
note: same as before, you duplicate and add deprecated tags on each header.
----
![](https://i.imgur.com/8JS4tYV.png)
note: And we link the successor at the bottom, which in this case will be the same component.
----
Thank you
note: That’s all for the 1th video. In the next video we will talk about how we link Figma to GitHub. Thanks for watching
{"metaMigratedAt":"2023-06-17T14:33:24.372Z","metaMigratedFrom":"YAML","title":"Version Control on Figma v0.0.2","breaks":true,"contributors":"[{\"id\":\"6e613247-7f39-4f32-b571-d0e5e788b14f\",\"add\":4670,\"del\":523},{\"id\":\"f23eca56-446e-4236-82ac-d8f7524ed36e\",\"add\":1,\"del\":1}]"}