1. History

    • How: Figma was developed by Dylan Field and Evan Wallace, first released in 2016 as a web-based design tool for UI/UX design.
    • Who: The software was created by a team at Figma Inc., aiming to improve collaboration in design workflows.
    • Why: Figma was designed to provide a cloud-based platform that allows multiple users to collaborate in real time, streamlining the design process for teams and improving accessibility.

2. Intro

    • Figma is a cloud-based design tool widely used for interface design, prototyping, and collaboration. It enables designers to create high-fidelity mockups, wireframes, and interactive prototypes with ease. Figma’s real-time collaboration feature allows teams to work together seamlessly, making it a favorite among UX/UI designers and product teams.
  • Advantages

    • Real-time collaboration, allowing multiple users to edit and comment simultaneously.
    • Accessible from any device with an internet connection, eliminating the need for local installations.
    • Robust prototyping tools for creating interactive designs and user flows.
    • Extensive community resources, including plugins and design systems.
  • Disadvantages

    • Requires an internet connection for full functionality.
    • Performance may vary with complex designs or large projects.
    • Limited offline capabilities compared to some desktop applications.

3. Notes

    • Basic Navigation: Use the spacebar to pan around the canvas; Ctrl + D to duplicate elements; Shift + A to create an auto-layout frame.
    • Design Tools: Familiarize yourself with the shape tools, text tools, and pen tool for creating designs.
    • Shortcuts: Learn essential shortcuts (e.g., Ctrl + Z for undo, Ctrl + G for grouping) to enhance workflow efficiency.

4. Libs & Framework

5. Feature List

    • Design Systems: Create and maintain design systems with reusable components and styles.
    • Prototyping: Build interactive prototypes with transitions and animations.
    • Vector Editing: Advanced vector editing tools for precise design work.
    • Commenting: Allow stakeholders to leave comments directly on designs for feedback.
    • Cross-Platform: Use Figma on any operating system with a web browser, promoting accessibility.
    • Version Control: Maintain version history to track changes and revert as necessary.