Breaking
YC W24 ion design ships from San Francisco Figma in clean React out GitHub auto-generated pull requests 5,000+ Figma components in the design system Ruby autonomous AI product designer, live in Slack Founded 2023 by Samraaj Bath YC W24 ion design ships from San Francisco Figma in clean React out GitHub auto-generated pull requests 5,000+ Figma components in the design system Ruby autonomous AI product designer, live in Slack Founded 2023 by Samraaj Bath
Company · AI · Developer Tools

ion design wants your non-engineers shipping real code

The YC W24 startup built a Figma-like editor that lets PMs, designers, and marketers change a live product - then hands the work back as a pull request an engineer can review. The twist is what it chose to keep, not remove.

Walk into almost any software company and you will find an invisible wall running down the middle of the product team. On one side are the people who can ship: the engineers. On the other side are the people who cannot: the product managers, the designers, the marketers. A copy tweak, a spacing bug, a new landing page - all of it has to cross that wall, get in line behind whatever big feature is being built, and wait.

ion design, a San Francisco company from Y Combinator's Winter 2024 batch, is built around a single stubborn belief: that wall is a workflow problem, not a law of nature. Its product lets the people on the "cannot ship" side make real changes to a live product, then packages that work as a pull request the engineers can review like any other. The pitch is not that it removes engineers. It is that it stops routing every small change through them.

The problem it solves

A two-day Slack thread for a five-minute fix


Anyone who has worked on a product team knows the ritual. A designer notices something is off - a button too tight against a heading, a color that drifted from the brand. They screenshot it. They drop it in a channel. They tag an engineer. The engineer is deep in a feature, so the fix waits. Two days later, a change that took thirty seconds to describe finally ships.

ion design's read on this is that small changes and large features are fundamentally different kinds of work, and forcing them through the same queue is what creates the bottleneck. Its editor gives non-engineers a Figma-like canvas over the actual product. They make the change visually or describe it in plain language, and ion opens a GitHub branch and pull request with the corresponding code.

The cost of that bottleneck is easy to underestimate. It is not only the two days a single fix waits; it is the fixes that never get filed at all because nobody wants to spend social capital asking an engineer to stop building. Small imperfections accumulate into a styling backlog that quietly ages, and the people most likely to notice - the designers who drew the thing, the marketers watching how it converts - are exactly the people with no way to touch it. ion's argument is that giving those people a safe path to production does not lower the quality bar. It raises it, because the people who care about the details finally get to act on them.

"ion is a visual editor for your codebase that lets non-engineers safely edit, refine, and ship UI changes while maintaining code quality." ion design, YC launch
How it works

Figma in, reviewed pull request out


The part that makes ion more than a demo is what happens before it writes a single line. It connects to your GitHub and reads your setup - the design system, the tokens, the components, the version control. That context is why the code it generates is meant to fit your architecture instead of landing beside it as an orphan. Changes then move through your normal review process, so the quality bar never leaves the loop.

01
Connect
ion reads your GitHub repo, design system, and tokens.
02
Edit
A non-engineer changes UI visually or in plain language.
03
Generate
ion writes React that matches existing patterns.
04
Review
It opens a branch and PR for standard code review.

The ion loop - the reviewer stays in place at step four, on purpose.

That last box is the quiet product decision. In a market racing to remove humans from the loop, ion chose to keep the reviewer. It is a trust decision as much as a technical one: the confidence to let a marketer touch production lives in the workflow, not in blind faith about the person. The change still gets a diff, still gets an approval, still lands through the same door as everything else. What ion removes is the meeting, the Slack thread, and the context-switch tax on the engineer - not the safeguard.

It is a subtle reframing of what "non-technical" means. In most tools the word is a synonym for "kept away from anything important." ion treats it instead as an interface question: give someone the right canvas and the right guardrails, and the label stops mattering. A PM who could never open a code editor can still describe an intent precisely; ion's job is to translate that intent into code that a repository will accept.

W24
YC batch
5,000+
Figma components
~40%
Cited team speed-up

Figures drawn from ion design's own YC and product materials.

Products & services

From a plugin to a design system to an agent


ion did not start at "visual editor." Its first widely-launched product turned Figma designs into clean React code, and it shipped a Visual Studio Code extension that generates React components from Figma without leaving the editor. Underneath sits a design system of more than 5,000 Figma components, tightly coupled between Figma and React so the generated code arrives usable rather than as a rough draft.

More recently the company introduced Ruby, described as an autonomous AI product designer that works inside Slack. Ruby clarifies requirements, researches, designs several options, iterates, and ships pull requests - the same shipping mechanism as the editor, pointed at a more autonomous workflow. The newest direction aims that autonomy at ecommerce brands, generating and testing on-brand pages to grow revenue per visitor.

"Great design takes a LOT of time, money, and care. Ruby can leverage your design thinking and execute against it 100x faster." ion design, on Ruby
The market

A crowded lane with a different door


Design-to-code is not a new lane. Anima, Locofy, Builder.io, TeleportHQ, and Figma's own Dev Mode have all worked on turning designs into usable code, and each has its strengths - Anima's plugin simplicity, Locofy's clean component structure, Builder.io's CMS pairing. What ion is betting on is less the conversion itself and more where the output lands: inside your repo, matching your conventions, moving through your review.

ion design
codebase-native + PR review
Anima
plugin-first exports
Locofy
clean component output
Builder.io
code + visual CMS

Illustrative positioning, not a benchmark - each tool optimizes for a slightly different buyer.

There is a reason "design to code" felt almost-there for a decade. The generated code was usually technically correct and practically useless, because it ignored the conventions of the team receiving it. ion's wager is that the value was never in generating code at all. It was in generating code that belongs in the repository it is going to.

It also sits at a busier intersection than pure design-to-code. On one side are AI coding assistants that help engineers write more code faster. On the other are no-code website builders that let non-engineers make things that live outside the real codebase. ion is trying to occupy the narrow strip between them: non-engineers, real codebase. That is a harder place to build, because it has to satisfy two audiences who usually do not trust the same tools - the marketer who wants to move fast, and the engineer who wants nothing merged that they have not seen.

Business model

Free to start, priced for teams


ion follows the software-as-a-service pattern its market runs on. It is free to start, with paid plans arriving once a team connects its codebase and puts the tool into a real workflow. The buyer is a product organization - the PMs, designers, growth, and marketing functions that generate the steady stream of small changes ion is designed to absorb. The newer autonomous-agent work points at ecommerce brands specifically, where the value can be measured directly in revenue per visitor and where the appetite for constant page experiments is effectively bottomless.

That framing matters for how ion sells. A tool that saves engineering time is a nice-to-have; a tool that turns a website into a source of tested, on-brand growth pages is a line item a growth leader will fight for. YC materials reference use by companies valued over a billion dollars alongside leading ecommerce brands - the kind of accounts where a small acceleration compounds into real money.

The founder

Ice cream, motorcycles, and design tools


ion design was founded in 2023 by Samraaj Bath, who serves as CEO. He is a 2x YC founder whose earlier life reads like a list of unrelated hobbies: an ice cream company, bootstrapped apps, professional dancing, motorcycle restoration. The through-line is not design or code so much as a habit of taking something intimidating apart and rebuilding it so a normal person can operate it - which is, more or less, the ion pitch.

The company is small, in the way YC companies are small - a handful of people, backed by Y Combinator and listed in the portfolio of Founders, Inc. That size is part of the story: a team of a few, building tooling meant to give much larger teams a shortcut past their own internal traffic.

Expertise & the road ahead

Where a design tool becomes an operator


The expertise ion is accumulating is narrow and specific: how to read an existing codebase well enough to write changes that survive review. That is a different competence from generating pretty markup, and it is the part that compounds. Every design system it learns to parse, every convention it learns to respect, makes the next repository easier to fit. It is the sort of unglamorous knowledge that does not demo well but decides whether a tool gets adopted or quietly abandoned after the trial.

The trajectory is telling, too. ion began as a translator - Figma to React - then became an editor, and is now edging toward operator, with Ruby doing the researching, designing, and shipping that used to require a person. Each step keeps the same shipping mechanism, the pull request, while handing more of the work to the software. Whether the market wants an autonomous designer or simply a faster way to unblock its own people is the open question ion is answering in public, one launch at a time.

AIDeveloper ToolsFigma to ReactVisual EditorDesign SystemYC W24SaaSCode GenerationSan Francisco