Figma vs. Figjam – When to use which design tool?

Figma vs. FigJam: When to Use Each Tool

Understanding the Tools

• Figma and FigJam are both owned by Figma but serve different purposes in the design process.

• Figma is a vector drawing tool that allows for custom shape creation using a pen tool, providing full control over designs on a pixel grid.

• It supports scalable vector graphics (SVG), maintaining quality when resizing, and includes built-in prototyping features for end-to-end flows.

• In contrast, FigJam is a whiteboarding tool with limited shapes and text functionality, focusing on collaboration rather than detailed design work.

Key Features of Each Tool

• FigJam lacks vector support; users cannot create custom shapes or utilize the pen tool but can use stickers, emojis, and plugins.

• Both tools offer commenting and real-time collaboration features since they operate in the browser environment.

Application in Design Process

• The double diamond design process consists of discovery/exploration (first diamond) and refinement/polish (second diamond).

• FigJam is most effective during the exploratory phase where low fidelity is preferred, encouraging idea generation without getting bogged down in details.

Practical Uses of FigJam

• Ideal for workshops or sprints to kick off projects while keeping discussions low fidelity focused on ideation rather than execution.

• Useful for outlining timelines, running design sprints, gathering ideas through built-in post-it notes, and voting mechanisms like stickers for quick clustering of concepts.

Enhancing Collaboration with FigJam

• Built-in timers facilitate time management during workshop exercises by allowing all participants to see remaining time easily.

• Great for creating mood boards by integrating images from the web effortlessly within its interface.

Synthesizing Research Effectively

• Excellent for synthesizing research findings by clustering insights from user testing into themes using post-it notes on an infinite canvas layout.

Understanding the Use of Fig Jam and Figma in Design

The Role of Fig Jam in Early Design Stages

• Fig Jam is recommended for initial flow exercises due to its built-in shapes, flows, and arrows that help maintain focus on functionality rather than visuals.

• Using Fig Jam helps avoid complications like disorganized arrows and disconnected flows that can occur when using Figma for logic-heavy designs such as decision trees.

Transitioning to Figma for High Fidelity Designs

• As projects progress into high fidelity stages, Figma becomes essential for refining designs and creating prototypes with robust vector drawing capabilities.

• Figma supports design libraries, allowing teams to easily incorporate assets and components that align with their design system.

Prototyping Capabilities in Figma

• Figma excels at turning designs into interactive prototypes, offering features like setting interactions, transitions, and scrollable views.

• Multiple prototypes can be created within a single file in Figma, facilitating user testing sessions by providing various flows to test.

Presentations and Stakeholder Engagement

• Designers often use Figma for presentations due to its pre-made frame sizes suitable for slideshows (e.g., 16x9 format).

• Presentations can include project updates or research findings, which can be easily shared using the play button feature in Figma.

Retrospectives and Team Collaboration with Fig Jam

• After project completion, retrospectives are commonly conducted in Fig Jam as it encourages participation from all team members beyond just designers.

• Fig Jam's built-in retrospective template facilitates discussions about project successes and areas for improvement through structured reflection activities.

Fun Team Activities Beyond Design Processes

• Fig Jam is also useful for non-design-related team activities such as icebreakers or cultural exercises that promote team bonding.

• Examples include onboarding exercises where new team members share personal insights or creative group activities like collaborative drawings during meetings.

Figma vs. FigJam: Understanding Their Use Cases

Differences in Functionality

• The speaker notes that while both Figma and FigJam are enjoyable tools, they serve different purposes; Figma is better suited for high-fidelity design work.

• FigJam lacks the advanced feature set required for creating polished designs, making it less ideal for certain tasks compared to Figma.

• The speaker expresses a preference for using Figma when needing detailed and refined design outputs.

• Despite their differences, both tools have unique strengths that can be leveraged depending on the project requirements.