Bringing Fynix to everyone, with the new product revamp
Bringing Fynix to everyone, with the new product revamp
Bringing Fynix to everyone, with the new product revamp
Collaborators
Product & Engineering Managers, Developers, QA Team and Content Designer
Product & Engineering Managers, Developers,
QA Team and Content Designer
My Role
Sole Product Designer from Scoping to Development
Design Timeline
1 Month
(Nov'24 - Dec'24)
1 Month (Nov'24 - Dec'24)
Core Problem
Fynix was acting as a VS Code plugin and is accessible only to developers familiar with coding tools, preventing the product from reaching its full potential and benefiting all users
Fynix was acting as a VS Code plugin and is accessible only to developers familiar with coding tools, preventing the product from reaching its full potential and benefiting all users
Business Goals
Increase traffic Fynix plugin for with a new entry point
Develop a usecase where Fynix can be utilised by all
Give developers freedom to multitask at the same time
Understanding Fynix
Fynix offers AI native products designed to make software development more efficient and enjoyable. Fynix Copilot offers real-time coding assistance directly in your IDE, while the Code Quality Agent automates pull request reviews for faster, cleaner code integration
Understanding Current Space
As tools evolve, we’ve been closely tracking AI patterns to keep Fynix ahead of the curve. After discussions with the product and engineering teams, we decided to reposition Fynix as an engineering-focused platform—a space where developers, both new and experienced, can ideate and build.
Rather than limiting it to a VS Code plugin, we’re launching Fynix as a standalone chat interface, with an optional VS Code extension. This shift makes Fynix more accessible and relevant to a broader audience.
Listening to the user
Throught the series of 3 surveys we tried to dig upon what tools they are using apart from fynix.What is their experience when using fynix what they like in other prodeucts and overall deeply understand their day to day workflow
"We need docstring functionality in the UI, as it often takes significant time to understand what the code is doing."
"We need docstring functionality in the UI, as it often takes significant time to understand what the code is doing."
"During development, constantly switching between different parts of the code can slow us down."
"During development, constantly switching between different parts of the code can slow us down."
"It’s hard to find the right string without proper navigation, we end up scrolling a lot."
"It’s hard to find the right string without proper navigation, we end up scrolling a lot."
"Now there are so muny models, I'm not sure which models to use and when"
"Now there are so muny models, I'm not sure which models to use and when"
Proposed Improvements
After user interviews and stakeholder workshops, we created journeys in which Fynix becomes a chat-based assistant powered by 5+ language models. It automatically recommends the best model for beginners, lets developers get new prompts through a built-in library, and serves as a private coding partner.
Each journey ends with a one-click export to VS Code, so teams can move from idea to runnable code without friction bringing AI into their everyday workflow.
Setting up AI Principles
Using Mantine System
Mantine’s extensive design system, theme flexibility, and active community remove weeks of UI groundwork and let the team focus on the real differentiator: multi-model AI interface. Choosing Mantine keeps WCAG-friendly foundation, accessible, and future proof
Say Hi to the New Fymix with light and dark modes
Welcome to Fynix’s new chat interface now with multiple models, built-in web search, and media uploads. Pick a prompt from the library and go from idea to output in minutes
Handeling Multiple Code Blocks
Inspired by browser tabs, Fynix now lets you hop between code blocks or folders efficiently, while inline editing and smart docstrings make reviewing and documenting code easy
Web Searching
Research and coding, all in one place Fynix spots what you’re searching, suggests the right model, and even understands what’s on your screen
Made for Every Screen
Research and coding, all in one place Fynix spots what you’re searching, suggests the right model, and even understands what’s on your screen
Core Problem
Fynix was acting as a VS Code plugin and is accessible only to developers familiar with coding tools, preventing the product from reaching its full potential and benefiting all users
Business Goals
Increase traffic Fynix plugin for with a new entry point
Develop a usecase where Fynix can be utilised by all
Give developers freedom to multitask at the same time
Understanding Fynix
Fynix offers AI native products designed to make software development more efficient and enjoyable. Fynix Copilot offers real-time coding assistance directly in your IDE, while the Code Quality Agent automates pull request reviews for faster, cleaner code integration
Fynix offers AI native products designed to make software development more efficient and enjoyable. Fynix Copilot offers real-time coding assistance directly in your IDE, while the Code Quality Agent automates pull request reviews for faster, cleaner code integration
Understanding Current Space
As tools evolve, we’ve been closely tracking AI patterns to keep Fynix ahead of the curve. After discussions with the product and engineering teams, we decided to reposition Fynix as an engineering-focused platform—a space where developers, both new and experienced, can ideate and build.
Rather than limiting it to a VS Code plugin, we’re launching Fynix as a standalone chat interface, with an optional VS Code extension. This shift makes Fynix more accessible and relevant to a broader audience.
Listening to the user
Throught the series of 3 surveys we tried to dig upon what tools they are using apart from fynix.What is their experience when using fynix what they like in other prodeucts and overall deeply understand their day to day workflow
"We need docstring functionality in the UI, as it often takes significant time to understand what the code is doing."
"During development, constantly switching between different parts of the code can slow us down."
"It’s hard to find the right string without proper navigation, we end up scrolling a lot."
"Now there are so muny models, I'm not sure which models to use and when"
Proposed Improvements
After user interviews and stakeholder workshops, we created journeys in which Fynix becomes a chat-based assistant powered by 5+ language models. It automatically recommends the best model for beginners, lets developers get new prompts through a built-in library, and serves as a private coding partner. Each journey ends with a one-click export to VS Code, so teams can move from idea to runnable code without friction bringing AI into their everyday workflow.
Setting up AI Principles
Using Mantine System
Mantine’s extensive design system, theme flexibility, and active community remove weeks of UI groundwork and let the team focus on the real differentiator: multi-model AI interface. Choosing Mantine keeps WCAG-friendly foundation, accessible, and future proof
Say Hi to the New Fymix with light and dark modes
Welcome to Fynix’s new chat interface now with multiple models, built-in web search, and media uploads. Pick a prompt from the library and go from idea to output in minutes
Impact Fynix Created
Coming Next
