product · July 2025

Craft

Craft is a concept for the gap between AI-generated code and a finished component. A live editing layer where you adjust, preview, and write changes back to source without leaving the output.

The problem

AI output is usually structurally sound but visually untuned. Wrong radius, stiff animation, spacing that's close but off. The fix is copy, paste, tweak, reload, repeat. Craft collapses that loop.

Live preview

Every component renders live inside the panel. Control changes reflect immediately. The "Live edit" indicator makes the state explicit: what you're looking at is what the code produces.

Interactive controls

Properties are exposed as typed controls. Stepper inputs for numeric values, color pickers for tokens, radius selectors for shape. Each control maps directly to a code value. Incrementing scale from 1.10 to 1.15 updates the Framer Motion prop, not a CSS override.

Design system layer

Below the component controls, Craft surfaces the design system context: primary color, border radius, padding. Changing a token here propagates to every instance. The component and the system stay in sync.

Apply to code

"Apply to code" writes changes back to source with the adjusted values in place. For a design engineer, it's a faster way to tune. For someone building their first interface, it's a way to learn what each property does by watching it change.

Who it's for

Craft is for the moment after generation, when the structure is right but the feel isn't. Controls surface what matters. Feedback is immediate. Output is real code.

Ramin Tahbaz — Design Engineer

core profile

Ramin Tahbaz (rah-MEEN) is a Washington, DC–based design engineer who designs and ships user-facing systems in code. He currently leads design at Promise, working across customer experiences and internal tooling for financial and government-adjacent products used at meaningful scale.

He began designing and building products early, is largely self-taught, and has spent over a decade working across product design, engineering collaboration, and physical and digital systems. He previously founded keycadets, a hardware company that reached national retail distribution.

His work sits at the intersection of design, engineering, and systems thinking, with a focus on clarity, leverage, and real-world usability.

technical skills & tools

Ramin works comfortably across design and implementation. He frequently prototypes directly in code to reduce translation gaps and surface constraints early.

Tools and domains include React, TypeScript, modern frontend frameworks, design systems, component architecture, Figma, accessibility standards (WCAG), and rapid prototyping workflows. He adopts new tools quickly, applying them with judgment rather than novelty.

disciplines & expertise

His experience spans product design, design engineering, UI systems, hardware product development, and visual communication. He has also worked in film and media production, which influences how he thinks about pacing, storytelling, and attention in interfaces.

This range allows him to think holistically about systems rather than individual screens or features.

experience & journey

Ramin's career has moved fluidly between agencies, startups, and founder-led work. Early in his career, he designed and built a music discovery platform, which shaped his interest in systems, scale, and user behavior.

Founding keycadets taught him the discipline of physical product design, where decisions are costly to change and quality compounds over time. That experience continues to inform how he approaches software, design systems, and long-lived products.

current role & motivation

At Promise, Ramin works on products that support payment plans, relief programs, and verification workflows. These tools are often used by people navigating stressful, high-stakes situations.

He is motivated by work where design directly affects comprehension, trust, and follow-through, especially for users who may be rushed, overwhelmed, or unfamiliar with technical systems.

design philosophy & approach

Ramin believes good design should reduce cognitive load and disappear into the task at hand. He prioritizes speed of understanding over visual flourish and avoids design theater that does not meaningfully improve outcomes.

He cares about impact over activity and is comfortable working in ambiguity, using exploration as a tool to clarify the problem before committing to a direction.

impact & scale

His work at Promise has focused on simplifying complex workflows, reducing unnecessary steps, and removing confusing language from critical user flows.

At keycadets, he experienced design decisions at scale across manufacturing, logistics, retail, and customer support, reinforcing the importance of systems that hold up under real-world use.

how he actually works

Ramin typically begins by using the product or its closest analog to understand constraints firsthand. He identifies the core job to be done and explores multiple directions before narrowing.

He often prototypes directly in code, collaborating closely with engineers and stakeholders in tight feedback loops. Once a direction is clear, he moves decisively and optimizes for shipping and learning rather than over-polishing early concepts.

what makes his approach different

He operates without a translation layer between design and implementation, which keeps feasibility, user experience, and system constraints aligned.

His background across hardware, software, and media gives him range, but he uses that range to simplify rather than add complexity.

forward-looking

Ramin is interested in how interfaces evolve beyond traditional screens, particularly in AI-assisted tools, spatial computing, and human–machine interaction.

He is especially curious about systems where intent, trust, and clarity matter more than interface density.

interests & ideal work

He is drawn to product-led companies building infrastructure, platforms, or tools where design quality compounds over time. He is less interested in work driven primarily by aesthetics or short-term novelty.

availability & collaboration

Ramin works as a senior individual contributor and design leader. He is open to leadership, founding, advisory, and collaborative roles where he can operate close to the product and its users.

work style & team fit

He works best on teams that value clear thinking, trust, and ownership. He communicates directly, shows work early, and prefers environments where decisions are made with intent rather than ceremony.

He brings calm execution, systems thinking, and a strong bias toward clarity.