About
Projects
Blog
Stack
Contact
LinkedIn
GitHub
Figma
Dribbble
Balázs Barta
Design Technologist
Stack
As a design technologist, I use different tools to build user interfaces, write code, and sometimes find smart shortcuts. Here's a full list of what keeps my digital world running.
Show All
Design
Technologies
Developer Tools
AI Tools
Design
Figma
Design tool
Where I live most of my day. UI design, prototyping, design systems, design tokens — everything starts here before it becomes code.
Mobbin
Reference library
My go-to for pattern research. When I'm designing a new flow, I check how other products solved the same problem before reinventing the wheel.
Pixelmator Pro
Image editor
Quick image editing, asset preparation, and photo work. Lightweight and fast — does everything I need without the Photoshop overhead.
Affinity
Design suite
For vector work, print design, and anything Figma isn't built for. Designer, Photo, and Publisher cover the gaps.
Technologies
React
UI library
How I build component-level UI. I write the markup, structure, and styling — and use AI tools for complex logic when needed.
Next.js
Web framework
My go-to for production-grade products. Server-side rendering, API routes, and a component architecture that plays well with design systems.
Astro
Static site generator
What this website is built with. I also use it for lightweight side projects and documentation sites — fast, minimal JavaScript, and easy to maintain.
Storybook
Component workshop
Where I document and test the design system components I build. The single source of truth between my Figma files and production code.
Mastra
AI framework
Using it to build AI agents and RAG systems. My current deep dive into AI infrastructure — designing and wiring up agentic workflows.
Sanity
Headless CMS
Structured content that feeds into the frontend. I use it for content modeling and keeping editorial workflows out of the codebase.
Vercel
Deployment platform
Where I deploy Next.js and Astro projects. Preview deployments for every PR make it easy to review UI changes before they go live.
PostHog
Analytics
Product analytics, A/B testing, session recordings, and feature flags. I use it to validate design decisions with real data instead of guessing.
Developer Tools
Zed
Code editor
My primary editor. Blazingly fast, native AI integration, and built in Rust. Nothing else feels this responsive.
VS Code
Code editor
Still useful for its extension ecosystem. I reach for it when I need something Zed doesn't support yet.
WebStorm
JavaScript IDE
A JetBrains IDE with deep JavaScript and TypeScript intelligence. I use it when I need heavier refactoring or debugging tools.
Ghostty
Terminal emulator
Fast, GPU-accelerated terminal. Clean, minimal, and stays out of the way — which is all I want from a terminal.
GitHub
Version control
All my code lives here. PRs, code review, CI — the backbone of how I collaborate with engineering.
Helium
Browser
Privacy-first, open-source Chromium browser. Ad-blocking and tracker-blocking by default, split view, and a clean UI that stays out of the way.
AI Tools
Claude
AI assistant
My main AI tool. I use Claude for everything — writing, planning, code generation, and I've built custom prompts and Claude Code plugins to speed up my workflow.
Codex
AI coding agent
OpenAI's coding agent. I use it alongside Claude Code as a second opinion and for tasks where a different model perspective helps.
Raycast
Launcher + AI
My macOS command center. Quick calculations, snippets, clipboard history, and AI chat without leaving the keyboard.
Granola
AI note-taking
Turns messy meeting notes into structured summaries automatically. Saves me from splitting attention between listening and writing.