AI VIsual Designer Projects in PragueAI VIsual Designer Projects in Pragueโณ๏ธ ๐ฆ๐ธ๐ถ๐น๐น ๐๐๐๐ฒ๐๐๐บ๐ฒ๐ป๐ ๐ ๐ฎ๐๐ฟ๐ถ๐
& ๐ฅ๐ผ๐ฎ๐ฑ๐บ๐ฎ๐ฝ ๐๐๐ถ๐น๐ฑ๐ฒ๐ฟ ๐ณ๐ผ๐ฟ ๐๐ฒ๐๐ถ๐ด๐ป๐ฒ๐ฟ๐
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 For the #CapCutDesignStudio Challenge, I created ๐๐ฎ๐ฝ๐๐๐ ๐ฉ๐ถ๐๐ถ๐ผ๐ป โ a concept that reimagines CapCut as a wearable technology companyย ๐
[๐๐ถ๐ฟ๐ฒ๐ฐ๐๐ถ๐ผ๐ป ๐] ๐๐ฎ๐ฝ๐๐๐ ๐ฎ๐ ๐ฎ ๐๐ถ๐ณ๐ณ๐ฒ๐ฟ๐ฒ๐ป๐ ๐๐ป๐ฑ๐๐๐๐ฟ๐
CapCut Vision transforms CapCut from a video editing platform into an AI-powered smart eyewear ecosystem designed for the next generation of creators. CupCut Vision allows creators to capture moments, transform them through AI, and instantly share them with the world.
I was inspired by CapCut's mission to make creativity accessible to everyone, and I imagined a future where capturing, editing, and sharing content happen as one seamless experience.
[๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ ๐ข๐๐ฒ๐ฟ๐๐ถ๐ฒ๐]
For this submission, I developed:
โข Brand Concept
โข Visual Identity System
โข Product Design Language
โข Smart Glasses Design
โข Packaging Experience
โข Creator Ecosystem
โข Presentation Deck
[๐ช๐ผ๐ฟ๐ธ๐ณ๐น๐ผ๐]
To demonstrate my workflow, I also included:
โข Recording of the entire creation process
โข Brand Concept Presentation
โข Complete Design Studio chat history
[๐ ๐ ๐๐
๐ฝ๐ฒ๐ฟ๐ถ๐ฒ๐ป๐ฐ๐ฒ] โค๏ธ
One thing I genuinely enjoyed while working on this project was how intuitive CapCut Design Studio feltย โค๏ธ
I realized that great results don't necessarily come from writing perfect prompts. Most of my process involved combining references, exploring visual directions, refining ideas, and iterating creatively. Design Studio made it easy to move from inspiration to concept development and final presentation within a single workspaceย ๐ฅ๐ฅ๐ฅ
[๐๐ฒ๐๐ถ๐ด๐ป ๐ฆ๐๐๐ฑ๐ถ๐ผ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐ ๐จ๐๐ฒ๐ฑ]
Throughout the project, I used Design Studio for inspiration gathering, visual exploration, product ideation, branding, packaging concepts, and ecosystem development.
Thank you to the CapCut team for creating a platform that encourages experimentation, creativity, and explorationย ๐ซถ
[๐๐ถ๐ป๐ธ๐]
CupCut Design Studio Chat History: https://www.capcut.com/ai-design?shareId=7647947968217202695
Brand Concept Presentation: https://www.figma.com/proto/reTVCLZxw73WBxxaJOePS0/CAPCUT-VISION?node-id=1-285&viewport=701%2C169%2C0.02&t=Z6lxfa2Fi8czJOxo-1&scaling=contain&content-scaling=fixed&page-id=0%3A1
Video explainer (the same as attached): https://docs.google.com/videos/d/1SSDBHyguM5hNoItyjONVOOouXbL54xgNCdo3w-8jDv8/edit?usp=sharing
If you like this concept and the work behind it, Iโd be incredibly grateful for your support. Every like, comment, share, or vote means a lot. Thank you! ๐
