4.2. Version Control

In Figma: Use Versions (File → Show Version History) and name snapshots (e.g., “Initial Import – 2025-06-09”).

Figma allows you to manage different versions of your design files. You can access this by navigating to the 'File' menu and selecting 'Show Version History'. Here, you can see the different snapshots of your file. Naming these snapshots helps you remember changes made at that point, making it easier to revert to a specific version if needed. For example, naming a version "Initial Import – 2025-06-09" indicates that this snapshot was taken after an initial setup on that date.

Think of version control like saving different drafts of a school project. Each time you make significant changes, you save a new draft. If you ever want to go back to an earlier version to see how it looked or to retrieve some text, you can easily go back to that draft instead of having to start over.

In Illustrator: Save incremental files: MyDesign_v1.ai, MyDesign_v1.1.ai, etc.

In Illustrator, a common practice is to save your work as incremental files. This means that each time you reach a significant milestone or make a series of changes, you save a new file with a slightly updated name, such as 'MyDesign_v1.ai', 'MyDesign_v1.1.ai', and so forth. This approach prevents loss of work and allows you to track your progress over time, as you can refer back to previous versions if needed.

This is similar to organizing photographs on your computer. Suppose you take pictures during an event. After each important moment (like the cake cutting or a family portrait), you save a separate folder with a different name. Later, if you want to find that perfect cake picture, you know exactly which folder to check without sifting through every single photo.

Naming Convention: Artboards: Home_v1.0, Home_v1.1, etc.

Establishing a clear naming convention for your artboards is crucial for maintaining organization in your project. For example, if you're working on a home page design, you can name different iterations as 'Home_v1.0', 'Home_v1.1', etc. This systematic approach allows both you and anyone else collaborating on the project to easily identify which version of a design they are looking at and to track updates made over time.

Think of it like labeling jars in your kitchen. If you have several jars of spices, instead of just tossing them in without labels, you label them as 'Sugar', 'Salt', 'Paprika', etc. When you're cooking, you easily grab what you need without confusion. Similarly, naming your artboards clearly allows you to locate and reference your designs quickly.

Comments & Notes: Use Figma comments to annotate design decisions and questions for reviewers.

In Figma, you can use the comment feature to leave notes directly on your design. This can include asking questions or making annotations about specific design decisions. When collaborating with team members or stakeholders, these comments help facilitate feedback and discussions right on the platform, making the review process more efficient and keeping all communication organized around the design itself.

Imagine you’re working on a group project and each member places sticky notes on a poster board. Each note contains questions or thoughts about specific parts of the project. When you get together, you can easily address each note, ensuring everyone's input is considered. Figma comments work the same way, providing a space for dialogue on particular design elements.

--