⛳️ 𝗦𝗸𝗶𝗹𝗹 𝗔𝘀𝘀𝗲𝘀𝘀𝗺𝗲𝗻𝘁 𝗠𝗮𝘁𝗿𝗶𝘅 & 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 𝗕𝘂𝗶𝗹𝗱𝗲𝗿 𝗳𝗼𝗿 𝗗𝗲𝘀𝗶𝗴𝗻𝗲𝗿𝘀

Skill Assessment Matrix is a SaaS designed to help Product Designers and UI/UX Designers better understand their current level, identify their strongest skills, and build a personalized growth roadmap

The idea came from a problem I experienced early in my career:

"𝙃𝙤𝙬 𝙙𝙤 𝙄 𝙠𝙣𝙤𝙬 𝙞𝙛 𝙄'𝙢 𝙖 𝙅𝙪𝙣𝙞𝙤𝙧, 𝙈𝙞𝙙-𝙡𝙚𝙫𝙚𝙡, 𝙤𝙧 𝙎𝙚𝙣𝙞𝙤𝙧 𝙙𝙚𝙨𝙞𝙜𝙣𝙚𝙧?"

This first version is focused on the desktop experience and was designed as the foundation for a larger SaaS product

𝗣𝗥𝗢𝗕𝗟𝗘𝗠 Designers often struggle with: ✦ Understanding their current level ✦ Identifying their strongest skills ✦ Knowing what to improve next ✦ Creating a clear career growth plan

𝗦𝗢𝗟𝗨𝗧𝗜𝗢𝗡 Skill Assessment Matrix helps designers answer three simple questions: ✦ Where am I today? ✦ What are my strongest skills? ✦ What should I focus on next?

The product guides users through a complete career planning flow:

𝗦𝘁𝗲𝗽 𝟭 [Career Goals Setup] Users define their career goals and desired direction

𝗦𝘁𝗲𝗽 𝟮 [Self Assessment] Users evaluate their current skills across multiple competency areas

𝗦𝘁𝗲𝗽 𝟯 [Summary] The system generates a personalized overview highlighting strengths and growth opportunities.

𝗦𝘁𝗲𝗽 𝟰 [Roadmap Builder] Users receive a personalized roadmap and can further customize it by adding their own skills

𝗦𝘁𝗲𝗽 𝟱 [PDF Export] The final roadmap can be exported as a PDF and used as a practical career development plan.

⚡️This roadmap generation and export flow became one of the most valuable features of the project⚡️

𝗥𝗘𝗦𝗘𝗔𝗥𝗖𝗛 𝗙𝗢𝗨𝗡𝗗𝗔𝗧𝗜𝗢𝗡 This project is based on more than 5 years of research into Skill assessment frameworks. The primary foundation for this work was the Figma Community Skills Matrix documentation, supported by dozens of additional public frameworks

🔗 𝗥𝗲𝘀𝗲𝗮𝗿𝗰𝗵 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀: https://docs.google.com/document/d/1FKjUpq0b4CnN_yrVx3NBB_xVMWZZBH6Ts9Gg9NU182A/edit?usp=sharing

𝗪𝗛𝗔𝗧 𝗪𝗔𝗦 𝗧𝗘𝗦𝗧𝗘𝗗 ✦ Figma AI Agent for generating new interfaces ✦ Figma Make for transforming designs into interactive product flows ✦ Combining a custom design system with generated product experiences ✦ Building complex multi-step user journeys inside Figma Make ✦ Creating SaaS-style product logic without traditional development workflows

𝗧𝗢𝗢𝗟𝗦 𝗨𝗦𝗘𝗗 Figma ✦ Figma AI Agent ✦ Figma Make ✦ MCP Servers

🔗 𝗣𝗥𝗢𝗝𝗘𝗖𝗧 𝗟𝗜𝗡𝗞: https://meta-poet-59855448.figma.site

🔗 𝗪𝗢𝗥𝗞 𝗙𝗜𝗟𝗘: https://www.figma.com/make/T68isMdbSqZHrBrhLxpoXP/Designer-Career-Levels?t=MhG5fOhpNgHEIEEx-1

🔗 𝗙𝗜𝗚𝗠𝗔 𝗖𝗢𝗠𝗠𝗨𝗡𝗜𝗧𝗬: https://www.figma.com/community/file/1649639588397334446/skill-assessment-matrix-roadmap-builder-makeathon-submission

🎥 Watch the video to see the full design process and how the project was built

🔗 𝗩𝗜𝗗𝗘𝗢: https://youtu.be/S3q38_kpTXo

𝗖𝗢𝗟𝗟𝗔𝗕𝗢𝗥𝗔𝗧𝗢𝗥𝗦: Special thanks to @Illia Skliarov for contributing to the creative process, design discussions, design, brainstorming sessions, and product thinking throughout the project.

𝗦𝗨𝗣𝗣𝗢𝗥𝗧 (っ◔◡◔)っ Please like, comment, share, or save this project to help more designers discover it ❤️

🔗 𝗦𝗢𝗖𝗜𝗔𝗟 𝗠𝗘𝗗𝗜𝗔 𝗣𝗢𝗦𝗧: https://www.instagram.com/reel/DZwXAvhoMHA/?igsh=MWpmZGRwYmx0Y2lwdA==

🔗 𝗦𝗢𝗖𝗜𝗔𝗟 𝗠𝗘𝗗𝗜𝗔 𝗣𝗢𝗦𝗧: https://www.linkedin.com/posts/oleksandra-marchenko-1a3845183_uiux-product-designer-career-levels-from-share-7473607549641154560-EnNK/?utm_source=share&utm_medium=member_desktop&rcm=ACoAACtfdssBweyK9h-szJtXgRq5qAWGe9C9ktk

Love this

Kathputli - where stories come alive!

• Pick a story type, age, and language • AI generates a brand-new story in real time, so every adventure is unique • It understands who’s on stage and instantly adapts when new characters join • Children use simple hand gestures to interact with the puppets and influence what happens next • Every puppet has its own voice, personality, expressions, and emotions • Stories end with a gentle moral, making them engaging, interactive, and meaningful 🟩 The Problem

We live in a digital era where children have access to more stories than ever before. But most digital storytelling is still passive, children tap a screen, sit back, and consume the same pre-written experience as everyone else.There’s little room for imagination, interaction, or ownership.

The story doesn’t know who they are, what language they speak, what they’re curious about, or what choices they want to make. And yet, every child imagines differently. We felt storytelling should be just as personal.

🟩 Our Solution

Inspired by Rajasthan’s traditional Kathputli puppet theatre, we built Kathputli, an AI-powered storytelling experience where children don’t just watch a story unfold, they help create it. Instead of handing a child another video, we hand them the strings.

🟩 Built With

🟩 What We’ll Remember Most

This isn't a polished final product, it's the outcome of a few intense days of experimenting, rebuilding, refining prompts, and learning entirely new tools as we went.

Figma Make alone took us 170+ iterations to get the feel right. And with limited Weave credits, we often had just one shot to get a screen or a puppet right, which made every prompt count.

As a two-person team (@Me and @Muskan), our different skill sets complemented each other surprisingly well. One idea sparked another, prototypes evolved by the hour, and every iteration made the experience a little more magical.

🟩 Where we'd take it next

🟩 We didn’t just build with AI.

We learned how to design with it, collaborate with it, and tell better stories because of it.

And if there’s one thing we hope people take away from Kathputli, it’s this: In a world built for endless consumption, maybe the most meaningful stories are the ones children get to shape themselves. Kathputli, where stories come alive.

🔗 Live Demo: https://kathputli.figma.site/ 🧩 Figma Community File: https://www.figma.com/community/file/1649568219068252685 ▶️ Social media post URL: https://x.com/shivam619tiwari/status/2067745369883369502

Great work!!