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

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

The traditional browser tab is overloading our working memory and destroying our focus. It is time to navigate space, not lists. Meet Star OS: an AI-native, tab-less spatial browser that turns your web history into a living, visual flow on an infinite canvas. I fully prototyped the spatial physics in Figma Design, and then used Figma Make to turn the core features into functional React code. 🔗 Live Site: https://manual-role-69273430.figma.site/roe: https://manual-role-69273430.figma.site/ https://www.figma.com/files/team/1563844253616966697/project/483177661?fuid=1156525972923390695 🔗 Community File: https://www.figma.com/make/p3RrKXU7wlTzRXAJDPPZqB/Star?t=3fTzxTEvOggBEvFP-6 Built for the #ConfigMakeathon @figma

A tabless browser would be revolutionary