---
# System prepended metadata

title: Task Management and Figma Version Control `v0.0.1`

---

---
type: slide
---

# Task Management and Figma Version Control `v0.0.1`

---

#### Video 1 - Tasks and information structure in the top level comment.

----

<span style="font-size:46px; font-weight:bold;">`@Info`</span>

![](https://i.imgur.com/tbXupmw.png)

----


![](https://i.imgur.com/QVUADEN.png)

----

<span style="font-size:24px">`@output` - <span style="font-size:18px">Each issue must produce an output</span></span>

<!-- ![](https://i.imgur.com/qXfl6ro.png) -->
![](https://i.imgur.com/ZPY9Jyb.png)


----

<span style="font-size:24px">`Multiple Outputs` - <span style="font-size:18px">There may be cases of multiple outputs</span></span>
![](https://i.imgur.com/hT4Twfg.png)

----

<span style="font-size:24px">`No Outputs` - <span style="font-size:18px">Cases for no produced outputs</span></span>
![](https://i.imgur.com/FggYqrS.png)

----

<span style="font-size:18px">We put such tasks in closely related task group or in the <span style="font-size:24px">`***Task Management Issue***`</span></span>
![](https://i.imgur.com/hibYDqm.png)

----

<span style="font-size:24px">`Indentation` - <span style="font-size:18px">You must keep the @input & @output with the same hirerachy as the tasks listed within that group</span></span>
![](https://i.imgur.com/urAJFkO.png)

---

#### Video 2 - `@inputs`, `@outputs`, next and their status

----

<span style="font-size:24px">What is `@input`</span>

![](https://i.imgur.com/EyS7hsr.png)


----

<span style="font-size:24px">`from` is to show the file destination </span>

![](https://i.imgur.com/V3PZEcG.png)


----

<span style="font-size:24px">if produced in the same issue</span>

![](https://i.imgur.com/vun7x0c.png)

----

<span style="font-size:24px">then we don't use `from` tag to show destination</span>

![](https://i.imgur.com/D7CSe6V.png)


----

<span style="font-size:24px">Mentioned previously, each task group produces an output</span>

![](https://i.imgur.com/6SxuXm4.png)


----

<span style="font-size:24px">output destination</span>

![](https://i.imgur.com/F1a79AS.png)

----

<span style="font-size:24px">Link the comment where the worklog is presented</span>

![](https://i.imgur.com/8bVI2DS.png)

----

<span style="font-size:24px">Such as the comment image below</span>

![](https://i.imgur.com/6M2gXcg.png)

----

<span style="font-size:24px">`next` is use to show what task to work on after finishing this issue </span>

![](https://i.imgur.com/IyghUmz.png)

----

<span style="font-size:24px">Task status: `planned`, `in-progress` and `completed/done` </span>
![](https://i.imgur.com/VXaSDHc.png)

----

<span style="font-size:24px">Planned -:question:</span>
![](https://i.imgur.com/kZGLC5C.png)

----

<span style="font-size:24px">In-progress - :factory:</span>
![](https://i.imgur.com/z3ZJfbM.png)

----

<span style="font-size:24px">Completed - :package: </span>
![](https://i.imgur.com/UNYZJDW.png)

---

#### Video 3 - Worklog comment structure

----

![](https://i.imgur.com/xeWPzYq.png)

----

![](https://i.imgur.com/79XAk2c.png)


----

![](https://i.imgur.com/FIT9rr2.png)

----

![](https://i.imgur.com/CNsHpK7.png)

----

![](https://i.imgur.com/f1BxPQA.png)

----

![](https://i.imgur.com/2TIKCIK.png)

----

![](https://i.imgur.com/MnWoFo9.png)

----

![](https://i.imgur.com/2B2vfxr.png)

----

![](https://i.imgur.com/BBaWsXd.png)

----

![](https://i.imgur.com/U6HpOlp.png)

----

![](https://i.imgur.com/CNyMn3h.png)

----

![](https://i.imgur.com/x2LYpI2.png)

----

![](https://i.imgur.com/fIGyjVu.png)

----

![](https://i.imgur.com/5QDcCUs.png)

----

![](https://i.imgur.com/lbdx3bc.png)

----

Thank you

---

#### Video 4 - Version Control on Figma

----

![](https://i.imgur.com/snOKkfj.png)

----

![](https://i.imgur.com/GXuh4OI.png)

----

![](https://i.imgur.com/azo9NXL.png)

----

![](https://i.imgur.com/VBEc3Eo.png)

----

![](https://i.imgur.com/qMVMNRa.png)

----

![](https://i.imgur.com/uFpDECE.png)

----

![](https://i.imgur.com/qOLjsIl.png)

----

![](https://i.imgur.com/CHJQjn4.png)

----

![](https://i.imgur.com/N9Z1Wdp.png)

----

![](https://i.imgur.com/ITKGt4U.png)

----

![](https://i.imgur.com/Kw3ldVx.png)

----

![](https://i.imgur.com/y6SLTPW.png)

----

![](https://i.imgur.com/YZFcLoo.png)

----

![](https://i.imgur.com/lkyDBJl.png)

----

![](https://i.imgur.com/13E0p0V.png)

----

![](https://i.imgur.com/xbS68f9.png)

----

What if you delete, split or deprecate a component?

----

![](https://i.imgur.com/qxeqsEz.png)

----

![](https://i.imgur.com/s8uDhuS.png)

----

![](https://i.imgur.com/w0J8s1W.png)

----

![](https://i.imgur.com/Aw8f9Gy.png)

----

Thank you

---

#### Video 5 - Connecting Github and Figma

----

![](https://i.imgur.com/qyuUi29.png)

----

![](https://i.imgur.com/gliuaAa.png)

----

![](https://i.imgur.com/fTndlBm.png)

----

![](https://i.imgur.com/65P7083.png)

----

![](https://i.imgur.com/AWdTzJc.png)

----

![](https://i.imgur.com/xFMoTA7.png)

----

![](https://i.imgur.com/0jQxuTl.png)

----

![](https://i.imgur.com/mxWKqLC.png)

----

![](https://i.imgur.com/zZmuXLp.png)

----

![](https://i.imgur.com/cMgh6qc.png)

----

![](https://i.imgur.com/DXx0zkJ.png)

----

Thank you