Arnaud

Building the design tool I wish existed. Design systems × AI. Shipping in public.

[Arnaud @Arnaud34Web]

@scalewithsachin Exactly! The gap between design and development is getting smaller, and understanding both sides is becoming essential.

[Arnaud @Arnaud34Web]

1/4
A Head of Product explained why he's hiring a Design Engineer instead of a UX/UI Designer.

His team went from three designers to just one person handling UX, user research, UI, and development.

2/4
They even canceled their Figma subscription. Everything now happens in code.

I'm seeing this shift more and more: toward Design Engineering and Design Governance, whereas not long ago, the work was mostly about producing designs.

3/4
As he points out in his article, when design tokens and the design system are properly defined, AI can generate consistent interfaces, leaving the designer to validate the results.

The real value is shifting upstream, into what we define before generation.

4/4
We need people who can define design rules and ensure they're correctly implemented and understood by AI agents.

That's exactly why I'm building https://t.co/ar6HDGSQ6l

Article in the first reply.

[Arnaud @Arnaud34Web]

@i_mika_el Yes, that's exactly why I'm talking about design governance. A design system alone isn't enough. 🙂

[Arnaud @Arnaud34Web]

https://t.co/gQIy25jfEW

[Arnaud @Arnaud34Web]

Every Axolo project comes with a team of AI agents, right in the chat.
Just write: the Guide answers and calls in the right specialist. Or type “/” to pick one: Axolo UI looks after the visuals, Axolo UX the journeys, Axolo Product the words and the rules, Axolo Builder the design system, Axolo Créa the illustrations and animations.
Each one knows your foundations.

[Arnaud @Arnaud34Web]

No more AI that forgets your rules.
In Axolo, a design rule is written once in your foundations: a title, the rule, the why, examples to follow and to avoid.
The Axolo checks your screens, fixes the ones that break it, and applies it to everything it generates next.

[Arnaud @Arnaud34Web]

Your design system lives in your code. Axolo reads it straight from GitHub: components, tokens, themes.

Round a button, change the primary color, publish. Your screens follow, and the same version goes to your developers.

One design system. One source of truth.

[ronix @ronixtec]

Si diseñas webs, guarda esto YA

600+ prompts con código para webs 3D listos para pegar en Claude, Cursor o Lovable.

SEGUIRLA NO DIGO NADA MÁS..

[Alexendre @pato__project]

Bon les gars, y’en a marre des apps qui puent l’IA

Je vous ai donc concocté une liste de 10 skills à donner à votre agent de code pour le design, les animations et les finitions

De quoi donner un peu de gueule à vos projets 👇

1/ frontend-design (Anthropic)

Pour définir une direction artistique : typographie, couleurs et composition adaptées à ton produit

https://t.co/kG79KL7UBx

2/ UI UX Pro Max

Pour trouver des palettes, des associations de polices et des recommandations UX selon ton projet

https://t.co/QZkfAO5RZy

3/ Impeccable

Pour auditer ton design, clarifier tes textes et faire une passe de finition avec ses commandes critique, clarify et polish

https://t.co/xcRoE28DaD

4/ emil-design-eng (Emil Kowalski)

Pour soigner les boutons, les transitions et les petits détails qui rendent une interface agréable à utiliser

https://t.co/2eHha8lBi1

5/ create-design-md (ibelick)

Pour documenter tes règles visuelles dans un DESIGN.md et donner un cadre cohérent à ton agent

https://t.co/nMAvnMEPPk

6/ review-animations (Emil Kowalski)

Pour repérer les animations trop lentes, les mauvaises courbes et les mouvements inutiles

https://t.co/sEtuXfHMXA

7/ mobile-native (Emil Kowalski)

Pour corriger les détails pénibles d’une web app sur téléphone : toucher, scroll, zoom des champs et contenu sous l’encoche

https://t.co/E7XHCRvtme

8/ break-ui (Emil Kowalski)

Pour tester tes écrans avec des noms trop longs, des listes vides et des données qui font déborder l’interface

https://t.co/G2jniZXoQa

9/ web-design-guidelines (Vercel)

Pour vérifier l’accessibilité, les formulaires, le focus et les états de ton interface

https://t.co/iOVNMlsh9v

10/ webapp-testing (Anthropic)

Pour tester les parcours dans le navigateur avec Playwright, inspecter les erreurs et prendre des captures

https://t.co/al4Zot2xGB

[Arnaud @Arnaud34Web]

The moment a prototype loses the most value is when it reaches the developer.

It arrives as a link, a screenshot or a mockup. The dev rebuilds it by hand, component by component, and some of the decisions get lost along the way.

In Axolo Design, you prototype directly in the canvas with your team’s own design system. You launch the preview, navigate through the flow, and validate.

One click on “Share code” and the screen comes out as React. The imports point to the team’s design system library (Screen, StatusBadge, StatTile, Button), with the props that already exist in the codebase.

The dev copies, pastes, and starts from exactly what the PO or designer approved. One source of truth, your design system, from prototype to delivery. No intermediate screen left to translate.

Beta starts early November, pre-registration: https://t.co/ar6HDGSQ6l

[Arnaud @Arnaud34Web]

I just published How to make your Figma design system perfectly readable by AI https://t.co/p844Xe7xEq

[Arnaud @Arnaud34Web]

I just published I put a small model between Claude and my design system. It sped up nothing. https://t.co/sT3NGBGfoe

[Arnaud @Arnaud34Web]

https://t.co/VZvq8vlvHt

[Arnaud @Arnaud34Web]

On a video call and sharing your screen ? Blur what you don't want to share. Draw a zone over it, the call sees a blur. ScreenBlur: free, open source, macOS.

[Arnaud @Arnaud34Web]

I just published I tested 12 small AI models on 2,500 design-system questions. The model wasn’t what mattered. https://t.co/NIeJWVj8zl

[Arnaud @Arnaud34Web]

The moment a prototype loses the most value is when it’s handed to a developer.

It arrives as a link, a screenshot or a mockup. The dev rebuilds it by hand, component by component, and some of the decisions get lost along the way.

In Axolo Design, one click on “Share code” and the screen comes out as React. The imports point to the team’s own design system library (Screen, StatusBadge, StatTile, Button), with the props that already exist in the codebase.

The dev copies, pastes, and starts from exactly what the PO or designer approved. On the UI side, there’s nothing left to translate.

Beta starts early November, pre-registration : https://t.co/ar6HDGSQ6l

[roman @Nozelcode]

ESTO ES JODIDAMENTE INCREÍBLE

un dev en solitario acaba de abrir el código de un reemplazo 100% GRATIS de ElevenLabs que se ejecuta completamente en tu propia máquina.

el repo de GitHub está en 19.4K estrellas.

te permite:

→ clonar una voz desde un clip de referencia limpio
→ doblar cualquier video a 646 idiomas
→ generar audiolibros, dictado, transcripción
→ elegir entre 14 motores TTS en lugar de uno

ElevenLabs soporta 32 idiomas. esto hace 646.

sin cobro por carácter. sin límites de uso. ningún audio sale nunca de tu computadora.

guarda esto para después.

os dejo el repo abajo

[OpenDesign @OpenDesignHQ]

Introducing OpenDesign Motion.
The open-source alternative to Claude Motion.

Create beautiful motion videos with any agent, any model. No Opus 5.5 required.

This entire launch video was made in OpenDesign.
More demos below ↓

[David Haz @davidhaz]

Introducing React Bits 2.0

The library you know, rebuilt. Components now look sharper, move smoother and start from presets, and our design tools were fully rebuilt from scratch.

216 animated React components, free and open source as always.

https://t.co/jUcC0mRz8J

[Arnaud @Arnaud34Web]

Compose your screens from the design system in your code and keep the flexibility of a design canvas.

Axolo gives you a single source of truth, and the guarantee that your design is respected in production.

Join the waitlist: https://t.co/WlMEW7f3jH