Good design
ships and keeps moving
My workflow is built around one thing: getting from fuzzy problem to clear, working solution, fast and without losing the craft. Every tool, every habit exists to reduce friction between thinking and making.
BIAS TO ACTION
DESIGN SYSTEMS
AI AUGEMENTED
Design Systems
Prototyping
AI-Powered
Web/Mobile Apps
Product Strategy
Landing Pages
UX / UI Consultation
Click on any tool to see when and how it fits.
CLAUDE
Claude + MCPs
CORE WORKFLOW
FIGMA
Figma + Figma Make
DESIGN + PROTOTYPING
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 7.201 0 C 11.177 0 14.402 3.179 14.402 7.1 L 14.402 9.8 L 16.799 9.8 C 20.775 9.8 24 12.978 24 16.9 C 24 20.823 20.777 24 16.799 24 L 0 24 L 0 7.1 C 0 3.18 3.223 0 7.201 0 Z" fill="rgb(0, 0, 0)" height="24px" id="brd0vIvxe" width="24px"/></svg>)
LOVABLE
Lovable
FUNCTIONAL BUILDS
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 1.287 17.378 C 0.469 15.764 0 13.942 0 12 C 0 10.058 0.469 8.236 1.287 6.622 C 3.262 2.695 7.309 0 12 0 C 15.24 0 17.945 1.189 20.029 3.131 L 16.593 6.567 C 15.338 5.389 13.767 4.778 12 4.778 C 8.88 4.778 6.229 6.884 5.28 9.72 C 5.04 10.44 4.898 11.204 4.898 12 C 4.898 12.796 5.04 13.56 5.28 14.28 L 5.266 14.291 L 5.28 14.291 C 6.229 17.127 8.88 19.233 12 19.233 C 13.615 19.233 14.978 18.796 16.047 18.076 C 17.324 17.225 18.175 15.96 18.458 14.465 L 12 14.465 L 12 9.818 L 23.302 9.818 C 23.444 10.604 23.52 11.422 23.52 12.273 C 23.52 15.927 22.211 19.004 19.942 21.098 C 17.956 22.931 15.24 24 12 24 C 7.309 24 3.262 21.305 1.287 17.389 Z" fill="rgb(0, 0, 0)" height="24px" id="SxlsVawhz" width="23.5199990624983px"/></svg>)
Figma
Google Stitch
EARLY UX
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 12 0 L 24 21 L 0 21 Z" fill="rgb(0, 0, 0)" height="21px" id="kWgEs_c7Y" transform="translate(0 2)" width="24px"/></svg>)
Figma
Vercel
DEPLOY + REVIEW
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 11.484 24 C 13.999 24 16.635 23.449 17.697 22.684 C 18.375 22.206 18.712 22.253 19.316 21.68 C 19.485 21.514 19.558 21.465 19.605 21.418 C 21.902 19.55 23.232 17.134 23.232 14 C 23.232 8.903 19.581 5.433 14.359 5.433 C 9.764 5.433 6.258 8.328 6.258 12.037 C 6.258 15.41 8.919 17.826 12.714 17.826 C 12.932 17.826 13.029 17.706 13.271 17.706 C 14.191 17.706 14.94 17.444 15.424 16.942 C 15.665 16.679 16.125 16.152 16.173 16.128 C 16.391 15.935 16.438 15.649 16.488 15.529 C 16.535 15.41 16.632 15.337 16.682 15.171 C 16.73 14.978 16.659 14.739 16.659 14.526 C 16.659 14.143 16.827 13.761 16.827 13.402 C 16.827 12.399 15.618 11.392 14.53 11.392 C 14.409 11.392 14.409 11.295 14.335 11.295 C 14.261 11.295 14.191 11.368 14.117 11.368 C 14.043 11.368 13.949 11.249 13.851 11.249 C 13.755 11.249 13.707 11.345 13.563 11.345 C 13.247 11.345 13.223 11.392 12.982 11.392 C 12.899 11.394 12.817 11.409 12.74 11.439 C 12.643 11.485 12.643 11.558 12.545 11.558 C 12.416 11.558 12.351 11.583 12.351 11.631 C 12.351 11.894 12.375 11.847 12.253 11.847 C 12.124 11.847 12.043 11.855 12.012 11.871 C 11.914 11.917 11.988 12.037 11.891 12.11 C 11.794 12.156 11.77 12.229 11.747 12.372 C 11.723 12.515 11.578 12.564 11.578 12.708 C 11.578 12.781 11.602 12.828 11.602 12.874 C 11.602 13.018 11.313 12.971 11.313 13.113 C 11.313 13.21 11.386 13.28 11.386 13.377 C 11.386 13.449 11.339 13.496 11.339 13.569 C 11.339 13.641 11.386 13.688 11.386 13.735 C 11.386 13.855 11.218 13.878 11.218 13.975 C 11.218 14.07 11.315 14.14 11.315 14.214 C 11.315 14.26 11.241 14.287 11.241 14.357 C 11.241 14.427 11.218 14.31 11.362 14.524 C 11.46 14.666 11.46 14.739 11.362 14.858 C 11.266 14.978 11.074 15.051 10.831 15.051 C 9.817 15.051 9.696 14.021 9.139 13.855 C 8.971 13.808 8.944 13.782 8.944 13.711 C 8.944 13.641 8.944 13.665 9.042 13.569 C 9.139 13.472 9.162 13.402 9.162 13.329 C 9.162 13.257 9.162 13.233 9.115 13.187 C 8.921 12.874 8.826 12.492 8.826 12.063 C 8.826 9.863 11.533 8.019 14.099 8.019 C 14.871 8.019 14.751 8.211 15.21 8.211 C 15.331 8.211 15.284 8.211 15.453 8.188 C 15.888 8.115 16.685 8.284 17.313 8.593 C 19.053 9.454 20.191 11.488 20.191 13.858 C 20.191 17.902 16.564 20.843 11.728 20.843 C 9.092 20.843 7.278 20.029 5.488 18.044 C 5.294 17.829 5.585 18.092 5.27 17.543 C 4.883 16.872 4.931 17.303 4.931 17.303 C 4.81 17.161 4.592 16.752 4.471 16.609 C 4.326 16.443 4.132 16.466 4.061 16.369 C 3.964 16.25 4.108 16.034 4.061 15.915 C 4.014 15.722 3.601 15.436 3.554 15.293 C 3.506 15.15 3.336 14.24 3.336 14.073 C 3.336 13.881 3.48 13.858 3.48 13.738 C 3.48 13.571 3.262 13.522 3.141 13.282 C 3.02 13.043 2.947 12.492 2.947 11.894 C 2.947 11.582 2.947 11.462 3.044 10.744 C 3.067 10.505 3.43 10.505 3.43 10.242 C 3.43 10.146 3.383 10.026 3.383 9.956 C 3.383 9.86 3.383 9.836 3.406 9.764 C 4.421 5.553 8.968 2.419 14.022 2.419 C 15.763 2.419 17.092 2.731 19.148 3.592 C 19.826 3.878 20.817 3.376 20.817 2.851 C 20.864 2.685 20.769 2.635 20.744 2.539 C 20.719 2.442 20.622 2.323 20.525 2.299 C 20.478 2.276 20.452 2.203 20.404 2.133 C 20.331 2.013 20.26 1.967 20.065 1.917 C 19.992 1.906 19.924 1.872 19.87 1.821 C 19.816 1.739 19.741 1.672 19.652 1.629 C 19.555 1.581 19.485 1.629 19.434 1.605 C 19.387 1.581 19.36 1.532 19.313 1.509 C 19.29 1.486 19.24 1.486 19.169 1.486 C 16.73 0.193 15.134 0 13.008 0 C 8.413 0 4.303 1.964 1.764 5.384 C 1.545 5.67 1.667 6.149 1.354 6.438 C 0.749 6.989 0 10.003 0 11.917 C 0 13.519 0.386 15.649 0.894 16.822 C 1.885 19.119 1.451 18.162 1.596 18.378 C 1.885 18.832 2.127 18.879 2.247 19.022 C 2.247 19.022 2.321 19.166 2.321 19.309 C 2.321 19.405 2.321 19.428 2.345 19.475 C 2.418 19.618 2.755 19.857 2.852 19.954 C 3.07 20.169 3.238 20.625 3.601 20.984 C 4.159 21.535 4.955 21.964 7.493 23.137 C 8.387 23.542 7.88 23.33 7.977 23.353 C 8.195 23.425 8.485 23.425 8.656 23.545 C 8.752 23.618 8.632 23.592 8.897 23.592 C 8.944 23.592 8.944 23.615 8.995 23.639 C 9.042 23.662 9.092 23.735 9.162 23.735 C 9.21 23.735 9.236 23.689 9.307 23.712 C 9.378 23.735 9.549 23.854 9.694 23.928 C 9.815 24 9.838 24 9.888 23.951 C 10.033 23.854 10.13 23.974 10.274 23.974 C 10.321 23.974 10.395 23.951 10.54 23.951 C 10.735 23.951 10.735 23.998 11.484 23.998" fill="rgb(0, 0, 0)" height="24px" id="dyzVG6vr8" width="23.232485937143792px"/></svg>)
Figma
Granola
NOTE AUTOMATION
The rest of my stack
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 20.796 7.09 L 18.486 7.09 L 18.486 0.068 L 10.976 6.422 L 10.976 0.158 L 9.82 0.158 L 9.82 6.354 L 2.888 0 L 2.888 7.09 L 0 7.09 L 0 17.487 L 2.888 17.487 L 2.888 24 L 9.821 17.64 L 9.821 23.841 L 10.976 23.841 L 10.976 17.794 L 17.908 23.975 L 17.908 17.487 L 20.796 17.487 Z M 17.33 2.559 L 17.33 7.089 L 11.975 7.089 Z M 4.044 2.626 L 8.913 7.09 L 4.043 7.09 L 4.043 2.626 Z M 1.156 16.332 L 1.156 8.245 L 9.003 8.245 L 2.888 14.36 L 2.888 16.332 Z M 4.044 21.372 L 4.044 14.838 L 9.82 9.062 L 9.82 16.073 L 4.044 21.373 Z M 16.752 21.397 L 10.976 16.247 L 10.976 9.061 L 16.752 14.837 Z M 19.641 16.332 L 17.908 16.332 L 17.908 14.36 L 11.793 8.245 L 19.641 8.245 Z" fill="rgb(0, 0, 0)" height="24px" id="uJCTMr_A4" transform="translate(2 0)" width="20.796px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 14.34 0.243 L 14.22 2.952 C 14.217 3.022 14.255 3.087 14.317 3.12 C 14.379 3.152 14.454 3.145 14.51 3.102 L 15.569 2.302 L 16.469 3.002 C 16.523 3.038 16.592 3.043 16.65 3.014 C 16.708 2.985 16.746 2.927 16.749 2.862 L 16.649 0.103 L 17.979 0.003 C 18.311 -0.019 18.637 0.097 18.88 0.325 C 19.122 0.552 19.26 0.87 19.259 1.202 L 19.259 22.799 C 19.259 23.128 19.125 23.442 18.886 23.669 C 18.648 23.896 18.327 24.015 17.999 23.998 L 1.902 23.279 C 1.274 23.253 0.772 22.747 0.752 22.119 L 0.002 2.322 C -0.017 2.004 0.091 1.691 0.303 1.453 C 0.515 1.215 0.814 1.071 1.132 1.052 L 14.33 0.223 Z M 11.27 9.301 C 11.27 9.771 14.43 9.541 14.86 9.221 C 14.86 6.022 13.14 4.332 10 4.332 C 6.851 4.332 5.101 6.052 5.101 8.621 C 5.101 13.07 11.1 13.15 11.1 15.58 C 11.1 16.28 10.78 16.68 10.05 16.68 C 9.091 16.68 8.701 16.19 8.751 14.52 C 8.751 14.16 5.101 14.04 4.981 14.52 C 4.711 18.549 7.211 19.719 10.08 19.719 C 12.87 19.719 15.05 18.23 15.05 15.54 C 15.05 10.771 8.951 10.901 8.951 8.541 C 8.951 7.571 9.67 7.441 10.08 7.441 C 10.53 7.441 11.33 7.511 11.27 9.311 Z" fill="rgb(0, 0, 0)" height="24px" id="y7hjEdjsY" transform="translate(2 0)" width="19.258811596725682px"/></svg>)
01
A week in my workflow
Not every week looks like this but most do
MON
Align & plan
Review sprint goals, surface Granola notes from last week's sessions, sync with the PM. Use an LLM to draft a quick brief and surface risks before the week starts.
CLAUDE
GRANOLA
TUE
Concept & structure
Stitch for IA sketches and early flows. Sometimes generate an HTML preview to align with engineering before I open Figma. Gets the interaction model right first.
STITCH
CLAUDE
WED
Design & system work
Deep Figma sessions. MCP integration keeps the design system healthy: token audits, component states, pattern consistency throughout.
FIGMA
CLAUDE MCPs
THU
Prototype & validate
Interactive concepts and quick usability checks. Deploy builds to Vercel for async stakeholder review. No scheduling required.
FIGMA MAKE
LOVABLE
CLAUDE
VERCEL
FRI
Handoff & contribute
AI packages dev handoff specs with zero back-and-forth. Share patterns and prompts with the wider team. Retro notes captured via Granola.
CLAUDE
VERCEL
GRANOLA
01
How I think about work
Guidelines I work by and my non-negotiables
01
Own it end to end
Partner with PM and engineering from problem definition through launch and iteration, not just at the handoff gate.
02
Start in the LLM, not the canvas
Clarify intent, surface edge cases, draft a short brief. Align the team before a single frame is drawn.
03
Research as velocity, not a gate
Talk to customers, run quick tests, adjust direction. Treat validation as a speed tool, not a process tax.
04
Design for the 80/20
Encode judgment and complexity under the hood. Keep the default experience simple and successful for most people.
05
Contribute to patterns, not just pixels
Share prompts, patterns, and learnings. Participate in crits that raise the bar for the whole team.
06
Build the system before you need it
Token audits, component states, and naming conventions feel like overhead until three people are touching the same file.
07
Treat AI as a draft partner
Claude and MCPs accelerate the work. The final call is mine, and so is the responsibility for what ships.
