FIGMA FOR EDU
Leveling up Figma for Edu with AI and giving Figma a competitive edge
Timeline
The Challenge
The Why
Explorations
Solution
Principles
Timeline
The Challenge
The Why
Explorations
Solution
Principles
@
← HOME
AI DESIGN DRILLS FOR FIGMA EDUCATION & AN MVP PLUGIN
AI DESIGN DRILLS FOR FIGMA EDUCATION & AN MVP PLUGIN
Unlimited design practice, with the AI meeting students at the level they're at
Unlimited design practice, with the AI meeting students at the level they're at
TIMELINE
TIMELINE
30 days
December 2024
30 days
December 2024
TEAM
TEAM
Rohina Gandhi
Kaitlin Chow
Elise Kim
Michael Zaslavskiy
Rohina Gandhi
Kaitlin Chow
Elise Kim
Michael Zaslavskiy
ROLE
ROLE
Product Designer
Prototyper
Product Designer
Prototyper
SKILLS
SKILLS
Prototyping
Product Thinking
Interaction Design
Systems Design
Prototyping
Product Thinking
Interaction Design
Systems Design
TOOLS
TOOLS
Figma
ProtoPie
Jitter
Figma
ProtoPie
Jitter
THE CHALLENGE
THE CHALLENGE
Figma has education features and tools like FigJam, but these are not yet entrenched in everyday design classrooms and students' workflows
Figma has education features and tools like FigJam, but these are not yet entrenched in everyday design classrooms and students' workflows
Students and professors are not solely leaning on Figma's education platform for their design needs, putting Figma at a competitive risk with emerging platforms.
Students and professors are not solely leaning on Figma's education platform for their design needs, putting Figma at a competitive risk with emerging platforms.
WHY FIGMA SHOULD CARE
WHY FIGMA SHOULD CARE
With the changing landscape of tools, students are no longer married to a single software and are rapidly adapting new ones in their workflows
With the changing landscape of tools, students are no longer married to a single software and are rapidly adapting new ones in their workflows
Students have started using design and developer tools outside of Figma (like Cursor) to make their lives easier. It was not long ago when Sketch, a key platform in the industry, was overtaken by Figma. Figma needs to serve students, who will soon enter industry; and educators, who have a major influence in what tools these future designers will be using.
Students have started using design and developer tools outside of Figma (like Cursor) to make their lives easier. It was not long ago when Sketch, a key platform in the industry, was overtaken by Figma. Figma needs to serve students, who will soon enter industry; and educators, who have a major influence in what tools these future designers will be using.
SOLUTION
SOLUTION
Generating a 'Design Drill'
Generating a 'Design Drill'
Choose which design principles you want to work on and pick your drill to start practicing.
Choose which design principles you want to work on and pick your drill to start practicing.
Getting quick tips from 'AI Live Cursor'
Getting quick tips from 'AI Live Cursor'
Get quick, concise and thoughtful responses and reasoning on your designs with the answers being contextualized by the visual cursor.
Get quick, concise and thoughtful responses and reasoning on your designs with the answers being contextualized by the visual cursor.
Using 'AI Comments' for visual examples when feeling stuck
Using 'AI Comments' for visual examples when feeling stuck
Get answers with context and visual references with the ability to go back and review the material.
Get answers with context and visual references with the ability to go back and review the material.
Getting on an 'AI Voice Call' to brainstorm with a 'teammate'
Getting on an 'AI Voice Call' to brainstorm with a 'teammate'
Have a personalized experience by getting on call with what feels like a team member and review and dissect work in this more natural way by pausing, pointing, and asking questions.
Have a personalized experience by getting on call with what feels like a team member and review and dissect work in this more natural way by pausing, pointing, and asking questions.
Using 'AI Log' to revisit feedback and changes
Using 'AI Log' to revisit feedback and changes
Pace your learning by going back to changes as needed and re-listening to feedback.
Pace your learning by going back to changes as needed and re-listening to feedback.
Building out a plugin as an MVP
Building out a plugin as an MVP
We shipped a Plugin which generates 'incorrect' frames for students to fix and gain practice; to validate our concept and better understand user needs.
We shipped a Plugin which generates 'incorrect' frames for students to fix and gain practice; to validate our concept and better understand user needs.
EXPLORATIONS
EXPLORATIONS
'Interactive Slides' to promote precise, thorough feedback
'Interactive Slides' to promote precise, thorough feedback
Students follow along with the presenter by engaging with the slides on their phones, leaving personal notes/feedback, and bookmarking slides they liked or want to comment on later during crit.
Students follow along with the presenter by engaging with the slides on their phones, leaving personal notes/feedback, and bookmarking slides they liked or want to comment on later during crit.
'Crit Mode' to review suggestions and allow for quick design fixes
'Crit Mode' to review suggestions and allow for quick design fixes
Professors can make edits on your frame when they are in 'crit mode' and students can review these later, compare changes from the original design and accept modifications as they feel fit.
Professors can make edits on your frame when they are in 'crit mode' and students can review these later, compare changes from the original design and accept modifications as they feel fit.
'Grade Feed' for professors to have a streamlined correction process
'Grade Feed' for professors to have a streamlined correction process
Grading Figma assignments, leaving comments and uploading grades to the university system is a very manual process right now. Grade Feed allows professors to review students' Figma frames/decks all in one place and centralizes the feedback process.
Grading Figma assignments, leaving comments and uploading grades to the university system is a very manual process right now. Grade Feed allows professors to review students' Figma frames/decks all in one place and centralizes the feedback process.
DESIGN PRINCIPLES
DESIGN PRINCIPLES
Based on the gathered insights, what did this solution really need? We formulated our three AI design principles around our insights
Based on the gathered insights, what did this solution really need? We formulated our three AI design principles around our insights
We had to take into consideration the constrains and implications of AI within the classroom before designing out the end-to-end Design Drills flow; and understand each parties' stance on AI - Figma, students, and professors alike.
We had to take into consideration the constrains and implications of AI within the classroom before designing out the end-to-end Design Drills flow; and understand each parties' stance on AI - Figma, students, and professors alike.
