AbinashBharali®
/ Fuelled by metalcore. Powered by Figma and Claude. Product design at the speed of prompt.
/ Designer × AI. / Figma × Claude.
User Experience
User Experience
User Experience
User Experience
& Product Design
& Product Design
& Product Design
& Product Design
Product Design
Product Design
AI Design
AI Design
Design System
Design System
Interaction Design
Interaction Design
Framer Development
Framer Development
(01)
// About me
© 2026
Five years in, I design across web, mobile, and the messy middle - B2B dashboards, consumer interfaces, design systems that hold up.
/ The part that's new in 2026: most of my workflow is AI-paired now. Claude reviews my flows, Figma MCP keeps my systems honest, and I spend the time I saved on the parts that still need a human - strategy, storytelling, taste.
Practice.
P
r
a
c
t
i
c
e
.
Practice.
P
r
a
c
t
i
c
e
.
Practice.
P
r
a
c
t
i
c
e
.
Company
Year
Role
Location
Company
Year
Role
Location
Company
Year
Role
Location
Goldenflitch Studios
2022 - present
Lead Designer
Gurgaon, India
Antino Labs
2021 – 2022
UI/UX Designer
Gurgaon, India
Pyramid Consultings
2020
Technical US IT Recruiter
Noida, India
Goldenflitch Studios
2022 - present
Lead Designer
Gurgaon, India
Antino Labs
2021 – 2022
UI/UX Designer
Gurgaon, India
Pyramid Consultings
2020
Technical US IT Recruiter
Noida, India
© Abinash Bharali
(2025 — 26)
Featured works
© Abinash Bharali
Featured works
© Abinash Bharali
Featured works
Featured Works©
Featured Works©
Featured Works©
(02)
// Workflow
© 2026
Workflow.
W
o
r
k
f
l
o
w
.
Workflow.
W
o
r
k
f
l
o
w
.
Workflow.
W
o
r
k
f
l
o
w
.
/ Most of my process is AI-paired — from research synthesis and flow mapping to system generation, audits, and documentation.
// 001
Discovery & FRD creation
Business discussions, stakeholder inputs, and customer insights are synthesized into structured product requirements, priorities, and feature definitions with AI-assisted analysis.
Output
Product requirements document
Feature map
Opportunity areas
// 001
Discovery & FRD creation
Business discussions, stakeholder inputs, and customer insights are synthesized into structured product requirements, priorities, and feature definitions with AI-assisted analysis.
Output
Product requirements document
Feature map
Opportunity areas
// 002
User journeys & information architecture
User flows, navigation systems, and interaction structures are mapped and validated with AI helping identify gaps, friction points, and missing scenarios early.
Output
User journeys
Flow diagrams
IA structures
// 002
User journeys & information architecture
User flows, navigation systems, and interaction structures are mapped and validated with AI helping identify gaps, friction points, and missing scenarios early.
Output
User journeys
Flow diagrams
IA structures
// 003
AI-assisted concept exploration
AI generates rapid UI explorations and layout directions based on product goals. I refine, combine, and evolve them into cohesive product experiences.
Output
Base UI concepts
Layout explorations
Interaction directions
// 003
AI-assisted concept exploration
AI generates rapid UI explorations and layout directions based on product goals. I refine, combine, and evolve them into cohesive product experiences.
Output
Base UI concepts
Layout explorations
Interaction directions
// 004
Design system generation & scaling
Once the visual direction is finalized, AI helps accelerate tokens, components, variants, and scalable UI systems for faster screen creation.
Output
Base UI concepts
Layout explorations
Interaction directions
// 004
Design system generation & scaling
Once the visual direction is finalized, AI helps accelerate tokens, components, variants, and scalable UI systems for faster screen creation.
Output
Base UI concepts
Layout explorations
Interaction directions
004
Design system generation & scaling
Once the visual direction is finalized, AI helps accelerate tokens, components, variants, and scalable UI systems for faster screen creation.
Output
Scalable design system
Reusable components
Consistent UI foundations
// 005
Screen refinement & workflow audits
Generated screens are manually refined and AI-audited for consistency, accessibility, responsiveness, edge cases, and flow coverage.
Output
Base UI concepts
Layout explorations
Interaction directions
// 005
Screen refinement & workflow audits
Generated screens are manually refined and AI-audited for consistency, accessibility, responsiveness, edge cases, and flow coverage.
Output
Base UI concepts
Layout explorations
Interaction directions
005
Screen refinement & workflow audits
Generated screens are manually refined and AI-audited for consistency, accessibility, responsiveness, edge cases, and flow coverage.
Output
Production-ready flows
Audited UI
Edge-case coverage
// 006
Handoff, QA & iteration
AI assists with documentation, annotations, and implementation guides, enabling faster QA cycles and smoother collaboration with engineering teams.
Output
Base UI concepts
Layout explorations
Interaction directions
// 006
Handoff, QA & iteration
AI assists with documentation, annotations, and implementation guides, enabling faster QA cycles and smoother collaboration with engineering teams.
Output
Base UI concepts
Layout explorations
Interaction directions
006
Handoff, QA & iteration
AI assists with documentation, annotations, and implementation guides, enabling faster QA cycles and smoother collaboration with engineering teams.
Output
Handoff documentation
Implementation guides
QA reviews
(03)
// Featured Projects
© 2026
2025
Portfolio 2025
Projects and Design worked on 2025
UIUX
Portfolio 2025
Projects and Design worked on 2025
UIUX
2025
Portfolio 2025
Projects and Design worked on 2025
UIUX
2025
Portfolio 2025
Projects and Design worked on 2025
UIUX
2024
Portfolio 2024
Collection of projects and assignments that I did in 2024.
UIUX
Portfolio 2024
Collection of projects and assignments that I did in 2024.
UIUX
2024
Portfolio 2024
Collection of projects and assignments that I did in 2024.
UIUX
2024
Portfolio 2024
Collection of projects and assignments that I did in 2024.
UIUX
2024
Website Redesign
Improved product discovery across categories and enhanced mobile performance and responsiveness.
Web - B2C
Website Redesign
Improved product discovery across categories and enhanced mobile performance and responsiveness.
Web - B2C
2024
Website Redesign
Improved product discovery across categories and enhanced mobile performance and responsiveness.
Web - B2C
2024
Mobile App Design
Cutting-edge application that pairs with a physical headband device to read and analyze the user's brainwaves in real time.
Mobile
Mobile App Design
Cutting-edge application that pairs with a physical headband device to read and analyze the user's brainwaves in real time.
Mobile
2024
Mobile App Design
Cutting-edge application that pairs with a physical headband device to read and analyze the user's brainwaves in real time.
Mobile
Projects
Projects
Projects
Dashboards
Dashboards
Dashboards
Design Systems
Design Systems
Design Systems
(04)
// Gallery
© 2026
(05)
// Services
© 2026
Services.
S
e
r
v
i
c
e
s
.
Services.
S
e
r
v
i
c
e
s
.
Services.
S
e
r
v
i
c
e
s
.
01
Product & UX Design
Web and mobile, end-to-end. Research, flows, IA, hi-fi, prototype. Paired with Claude for faster synthesis and tighter copy.
02
AI-Augmented Design Systems
Build, audit, and document a system that holds up. Figma MCP + Claude run consistency checks weekly so your tokens don't drift between releases.
03
Design Ops with AI
Set up your team's AI workflow — prompts, skills, MCP configs, the boring bits that compound. You keep the speed after I'm gone.
04
Framer Development
High-performance, interactive sites. Pixel-perfect, fast, easy to update. The site you're reading this on is one of them.
05
Motion & Interaction Design
Purposeful motion. Micro-interactions, page transitions, and the small movements that make a product feel alive instead of clever.
Product & UX Design
Web and mobile, end-to-end. Research, flows, IA, hi-fi, prototype. Paired with Claude for faster synthesis and tighter copy.
AI-Augmented Design Systems
Build, audit, and document a system that holds up. Figma MCP + Claude run consistency checks weekly so your tokens don't drift between releases.
Design Ops with AI
Set up your team's AI workflow — prompts, skills, MCP configs, the boring bits that compound. You keep the speed after I'm gone.
Framer Development
High-performance, interactive sites. Pixel-perfect, fast, easy to update. The site you're reading this on is one of them.
Motion & Interaction Design
Purposeful motion. Micro-interactions, page transitions, and the small movements that make a product feel alive instead of clever.
01
Product & UX Design
Web and mobile, end-to-end. Research, flows, IA, hi-fi, prototype. Paired with Claude for faster synthesis and tighter copy.
02
AI-Augmented Design Systems
Build, audit, and document a system that holds up. Figma MCP + Claude run consistency checks weekly so your tokens don't drift between releases.
03
Design Ops with AI
Set up your team's AI workflow — prompts, skills, MCP configs, the boring bits that compound. You keep the speed after I'm gone.
04
Framer Development
High-performance, interactive sites. Pixel-perfect, fast, easy to update. The site you're reading this on is one of them.
05
Motion & Interaction Design
Purposeful motion. Micro-interactions, page transitions, and the small movements that make a product feel alive instead of clever.
(06)
// CV
© 2026
More About
Ab(v)inash
More About
Ab(v)inash
/ I have a particular obsession with structure, leveraging Figma's Auto-layout and Variables to create scalable Design Systems that make future iterations effortless. And now add Claude to the mix.
My productivity is powered by a steady diet of Metalcore. Whether it's Sleeping With Sirens or Bleeding Verse, the louder the music, the cleaner the design.
My productivity is powered by a steady diet of Metalcore. Whether it's Sleeping With Sirens or Bleeding Verse, the louder the music, the cleaner the design.
