BrambleFigma plugin
Design handoff that engineers actually read.
Spacing as TokensElleOur engineers work in tokens. Handing them 12px when the token is space-2 means someone translates it by hand, and last sprint someone got it wrong.Support Team Handing over a number that someone then has to translate back into a token is a good way to put it, Elle. We're on it.Notes in Our LanguageYunOur engineering team is in Poland and reads English fine, but the headings and the boilerplate would be better in Polish. The measurements do not need translating, obviously.Support Team The distinction you have drawn is the useful part: the scaffolding is ours to translate, the content is yours and should be left alone. That makes this much smaller than it first sounds. Looking at it.Link Back to FramesAndersThe notes describe a screen but there is no way back to it. Engineers paste the text into a ticket and then spend ten minutes hunting for the frame it came from.Support Team Planned. Each section carries a deep link to the exact frame, and the links survive being pasted into Linear and GitHub, which is where they need to work rather than where they are generated.Generate the CodeAnonymousBramble already knows the spacing, the colours and the hierarchy. Give me the React component and skip the handover entirely.Support Team We have prototyped this twice and we are not going to ship it. Here is the honest reason rather than a vague one. A design file knows what something looks like. It does not know what the component is called in your codebase, which of your primitives it should be built from, what it does when the data is empty, or which of those forty pixel values is a real decision and which is a nudge somebody made at five o'clock. The code that comes out is plausible, ignores your design system, and takes longer to correct than to write. Both of our prototypes were faster to throw away. What we are doing instead is the part that is actually true: spacing and colour handed over as your tokens rather than as numbers, so the translation step that goes wrong is gone. That is in progress now.Unused ComponentsSofiaabout 200 components in our library and no idea which ones are deadSupport Team Knowing what's safe to delete is the hard half of keeping a library tidy. Looking into it.