The problem
PMs live in the backlog. Developers live in the repo. No reliable link exists between a ticket and the code that implements it — so context dies in handoffs and the same questions get asked twice.
Product design · 2026
ykama
Connect every ticket to the code that ships it.
AISaaSB2BFigma
ykama is an AI platform that closes the gap between product owners and developers — linking every ticket to the code behind it, with prompt-based commands for summarization, ideation, and proofreading. All inside a modern, flexible interface that adapts to how you actually work.
Smart and convenient
Tickets and code share one screen — jump between a story, epic or a ticket to the corresponding code, down to a single line. Ask reliable ykama AI Assistant to summarize, ideate, proofread and much much more. Without leaving the flow.
The Workbench — Issues and Code in a single view.
Adaptive by design
The Workbench doesn't lock you into one layout. Issues and Code live in two panes that resize, collapse, or expand to full focus — sidebars hide when you don't need them, actions appear in context, and contextual menus keep the surface calm until you reach for more.
Flexible panes — minimize, expand, and reveal controls only when needed.
The Solution & Architecture
ykama's Workbench unifies Issues and Code in a split-pane view, connected by a shared context layer. Bidirectional "Show Related" actions link any ticket to its source files instantly, while a floating prompt island runs AI commands against whatever is selected.
The Workbench
The core surface pairs backlog management with a live code editor side by side. Users jump from a story to its implementation — or from a function to the tickets that depend on it — without switching tools or losing thread.
Design focus
A modern, adaptive shell — panes that bend to the task, controls that appear in context, sidebars that step aside. Equal weight for PMs and devs, with AI that shows its scope before you type.
Engineering & Implementation
Shaped the brand, brainstormed with the team, and built every screen and prototype from scratch — mapping user journeys, exploring flows, and iterating on the full interface together.
Methods
- Wireframing
- Prototyping
- High-fidelity mockups
- UX research
- User journey mapping
- Interaction design
- Design systems
Business Impact & Reflections
Situation: Product and engineering teams used separate tools with no link between tickets and code.
Task: Design an AI workbench that brings both sides into one shared view.
Action: Led UX end-to-end — wireframes, prototypes, and the full visual system.
Result: A clear product direction and a live beta at ykama.com.