Video summary

그룹활동을 통한 협력학습 설계피그마 활용 그룹활동 및 협력학습 설계

Main summary

Key takeaways

Educational

Main ideas / concepts conveyed

  • Goal of the session: Introduce an EdTech program using Figma (including Figma Jam) to:

    • Increase student interaction
    • Help professors create educational materials and manage learning activities

  • Why Figma (Figma + Figma Jam) for educators:

    • Supports collaborative design/teamwork
    • Has education-institution premium features for free (via educator verification)
    • Helps educators replace or reduce reliance on PowerPoint for interactive/visual learning materials

  • Key advantages over other tools:

    • Enables real-time collaborative work where instructor and students can work simultaneously
    • Supports project-based learning and continuous instructor monitoring
    • Offers integrated classroom flow management (link multiple activities together)
    • Allows building digital activity sheets and using them as a kind of digital textbook
    • Designed for large concurrent access (up to 500 simultaneous users)
    • Provides strong facilitation functions in Figma Jam (focus/spotlight, per-student views, comments, timers, votes)

Comparison / alternatives mentioned

  • Other collaboration tools discussed:

    • Google Slides / Google Presentations (collaboration; used for projects)
    • Google Jamboard: service has ended
    • Allo: previously recommended, but is expensive/paid, so less introduced

  • Issues with Google Presentations (recent class example):

    • On students’ iPhones/iPads, Korean typing had problems where vowels/consonants separated, causing inconvenience and complaints.

Methodology / workflow instructions (detailed bullets)

A) How educators can get Figma for education (setup + verification)

  • Sign up

    • Use the “Start for Free” button.
    • Prefer Google login for fast, automatic access.

  • Go to educator verification

    • Access .com / Education.
    • Verify educator status under the education portal.

  • Complete verification details

    • Choose:
      • Educator
      • Higher Education
    • Write an explanation in English about how you will use Figma (Korean may also work).

  • Upload required documentation

    • Enter school name
    • Select field/major
    • Upload your syllabus (download PDF and upload)
    • Provide an official link (e.g., professor homepage “Professor Introduction” link)
    • Agree to personal data usage terms and confirm submitted documents are authentic

  • After approval

    • Use educational features for free without limits, with a note that there may be restrictions (example: only 3 project files during the trial/free stage).

B) How to use Figma Jam for group collaboration (interaction design)

  • Access

    • Log in via Figma or search “Figma Jam” directly.

  • Create a new board

    • Click “New FigJam Board” (whiteboard opens).

  • Rename and organize

    • Use the “Untitled” area to rename the board.

  • Add course materials

    • Attach the course/content to the board (described as part of the setup).

  • Navigation / viewing controls (important)

    • Ctrl + mouse wheel toward you / outward
      • Toward you: zoom out
      • Away from you: zoom in
    • Shift + mouse wheel (horizontal navigation)
      • Used when content expands sideways
    • Key instruction: use Ctrl and Shift keys correctly to navigate the canvas.

  • Instructor monitoring & focus

    • Instructor can see each team’s screen (e.g., via team zones/regions).
    • Click a participant’s profile to view from their perspective.
    • Use spotlight to force/guide everyone’s attention to the currently viewed screen area.

  • Communication modes

    • A headset/voice-call button enables real-time voice calls for online situations.

  • Templates for brainstorming / activities

    • Use the Template panel to insert ready-made layouts (e.g., brainstorming structures).

  • Customize templates into activity sheets

    • Change labels into student-facing prompts such as:
      • Topic
      • Problem to be Solved
      • Collection of Ideas
      • (Remove extra parts as needed)

  • Lock the activity form

    • Right-click → lock so students cannot delete or alter the instructor’s structure.
    • Reason: with many users (example: 50+), accidental deletion can disrupt the activity.

  • Copy and duplicate activity sheets

    • Ctrl+C / Ctrl+V: copy one completed activity sheet to create another (Group 2, etc.)
    • Alternative preferred method: Ctrl+D
      • Copies objects while keeping spacing/layout aligned
    • Use Shift when selecting multiple sections before duplicating if needed.

  • Use a stage system for multi-step activities

    • Create “Stage” labels and instruct students:
      • Complete Stage 1 → move to Stage 2
    • Benefit: avoids managing many separate files by linking activity flow in a single integrated board.

  • Enable interaction

    • Use stamps for voting setups.
    • Configure voting (example: each person given a set number of votes, like 3).
    • Build visual processes using:
      • stick/connector tools
      • arrows to link steps

  • Add comments and supporting media

    • Use speech-bubble comment tool:
      • Select objects and add comments
      • Upload related images/thoughts
    • Use an install/comment search feature:
      • Search for a specific student’s name and view their comments/participation.

  • Time management

    • Add a timer:
      • Start a timed work window (e.g., 15 minutes)
      • Extend with “Add 1 minute” if teams need more time.

  • Voting variations

    • “New Vote” feature:
      • Set different vote counts per person/group if desired.

  • Share access with students

    • Share button → set access mode:
      • “Anyone can access and view with link” (read-only unless signed up)
      • Optionally require sign-in (changed link setting mentioned)
      • Set a password for security
    • After sharing:
      • Students who open via link may be anonymous until they create accounts; instructor can still see that someone joined.

C) How to use Figma (Design file) to upload and present educational materials

  • Create a new design file

    • Use “New Design File” (presentation-like canvas).

  • Import lesson content

    • Bring in content as images/screenshot-like pages.
    • Arrange and delete inconsistent-sized elements as needed.

  • Manage multiple pages

    • Use pages (e.g., Page 1, Page 2) to organize lessons/materials.

  • Copy/Link content into the learning board

    • Select Page 1 → copy link to page
    • Paste into the Figma Jam workspace so students can view the material directly.

  • Student viewing

    • Students do not need to navigate away—material can be placed within the same interaction space.
    • Zoom controls and view interactions are supported.

  • Instructor explanation tools

    • Use a View mode to zoom/expand the textbook image
    • Use pen/annotation tools for marking and guiding attention
    • Optionally use spotlight to focus students on the specific portion being explained.

  • Use AI-assisted template generation (beta)

    • AI feature labeled with a sparkling diamond / “J” icon (beta).
    • Workflow:
      • Choose a concept (e.g., Timeline)
      • Enter a prompt such as:
        • “Create a timeline from 1950 to 2020 in 10-year increments.”
      • Run generator to produce a template.
    • Notes from demonstration:
      • Works even with Korean prompts.
      • Some recognition/details may be imperfect (example: timeline recognition around 1950–2022 vs expected).

D) How to use Figma Community templates (reusing existing educational designs)

  • Open Community

    • Go to Community in the bottom-left area.

  • Search templates by keywords

    • Example searches included: “Portfolio”, “Class”, “Academy”

  • Open and reuse

    • Click a template → Open Figma (template loads into your workspace).

  • Insert and duplicate pages efficiently

    • Duplicate pages quickly (demonstrated using Ctrl+D repeatedly).
    • Use the unlimited canvas to manage large numbers of student outputs.

  • Naming student pages

    • Instead of deleting objects:
      • Ask students to rename their own pages (students learn this after using Figma once or twice).
    • This supports tracking “who did what” by page naming.

Overall lesson / takeaway

  • A “good tool” alone isn’t everything, but using Figma (especially Figma Jam) is positioned as a way to strengthen student interaction, since students often communicate more via mobile devices (phones/tablets) than traditional direct talk.
  • Figma’s differentiator in this talk is design + AI + interaction features that can move beyond just static design into guided collaborative learning.

Speakers / sources featured

  • Hwang Hyun-woo — presenter (“This is Hwang Hyun-woo from Edu Makers.”)
  • Edu Makers — the organization/channel referenced by the speaker
  • Figma / Figma Jam — product/tool being explained
  • Google Slides / Google Presentations / Google Jamboard — alternative tools mentioned
  • Allo — alternative tool mentioned

Original video