Figma for UX/UI Design
1 Introduction to Figma
1-1 Overview of Figma
1-2 Figma vs Other Design Tools
1-3 Setting Up Figma Account
1-4 Figma Interface Overview
2 Basic Figma Tools and Features
2-1 Creating and Managing Projects
2-2 Understanding Frames and Artboards
2-3 Basic Shapes and Objects
2-4 Working with Text and Typography
2-5 Using Colors and Gradients
2-6 Layers and Layer Management
2-7 Alignment and Distribution Tools
3 Advanced Figma Techniques
3-1 Using Components and Variants
3-2 Creating and Managing Styles
3-3 Working with Vector Networks
3-4 Masking and Clipping
3-5 Prototyping and Interactive Elements
3-6 Using Plugins and Extensions
4 Collaboration and Teamwork in Figma
4-1 Sharing and Collaborating on Projects
4-2 Real-Time Collaboration Features
4-3 Managing Comments and Feedback
4-4 Version Control and File Management
4-5 Integrating Figma with Other Tools
5 UXUI Design Principles in Figma
5-1 Understanding UXUI Design Basics
5-2 Designing for Mobile and Web
5-3 Creating Wireframes and Low-Fidelity Prototypes
5-4 Designing High-Fidelity Prototypes
5-5 Usability Testing and Iteration
5-6 Accessibility in Design
6 Best Practices and Tips
6-1 Organizing and Structuring Projects
6-2 Efficient Workflow Strategies
6-3 Common Design Patterns
6-4 Exporting and Sharing Assets
6-5 Troubleshooting Common Issues
7 Final Project and Certification
7-1 Designing a Complete UXUI Project
7-2 Presenting and Reviewing the Project
7-3 Preparing for the Certification Exam
7-4 Submitting the Final Project
7-5 Receiving the Certificate
Managing Comments and Feedback in Figma

Managing Comments and Feedback in Figma

Key Concepts

Managing comments and feedback in Figma is essential for effective collaboration and iterative design. This section covers the key concepts of adding, organizing, and resolving comments in Figma.

1. Adding Comments

Adding comments in Figma allows team members to provide feedback directly on the design. To add a comment:

  1. Select the element you want to comment on.
  2. Click the comment icon in the toolbar.
  3. Type your comment and click "Post."

Think of adding comments as leaving sticky notes on a design. Each note provides specific feedback that can be addressed by the designer.

2. Organizing Comments

Organizing comments helps keep the feedback process structured and manageable. To organize comments:

  1. Use the comment panel to view all comments.
  2. Filter comments by user, status, or file.
  3. Group related comments to streamline the feedback process.

Imagine organizing comments as sorting mail into different folders. Each folder contains related feedback, making it easier to address and resolve.

3. Resolving Comments

Resolving comments indicates that the feedback has been addressed and the issue is closed. To resolve a comment:

  1. Open the comment in the comment panel.
  2. Click the "Resolve" button to mark it as resolved.
  3. Optionally, add a reply to indicate the action taken.

Think of resolving comments as closing a task on a to-do list. Each resolved comment marks a completed action, keeping the design process on track.

4. Sharing and Collaborating

Sharing and collaborating on comments allows team members to provide real-time feedback. To share and collaborate:

  1. Click the "Share" button to generate a link to the file.
  2. Send the link to team members for review and feedback.
  3. Monitor comments in real-time and respond promptly.

Imagine sharing and collaborating as conducting a live brainstorming session. Real-time feedback ensures that everyone is on the same page and can contribute effectively.

Examples

Adding Comments

Consider a design for a mobile app login screen. By adding comments on specific elements like the input fields and buttons, team members can provide targeted feedback on usability and visual appeal.

Organizing Comments

Imagine a design project with multiple screens and components. By organizing comments by screen or component, the design team can address feedback systematically, ensuring no aspect is overlooked.

Resolving Comments

Think of a design iteration where a button color was criticized. After changing the color based on feedback, the comment can be resolved, marking the issue as addressed and keeping the feedback process organized.

Sharing and Collaborating

Consider a remote design team working on a website. By sharing the Figma file and collaborating on comments, team members can provide real-time feedback, ensuring the design evolves efficiently and meets user needs.

By mastering the management of comments and feedback in Figma, you can enhance collaboration, streamline the design process, and ensure that your designs meet user expectations.