Design, refine, and export live React UI components
San Francisco
- Tweets 75
- Following 6
- Followers 959
- Likes 332
Bring Tenor the UI your coding agent made, or a reference for what you had in mind.
Refine each component in detail. Tenor agent's carry through each iteration without losing coherence.
tenor.design/
3
5
210
9,297
Tenor is built for creating UI components.
in @tenordesign you can reference an image of a UI component, it will give you the option to use a description of the component reference image, you can use the description and then remove the image reference so you have a perfect prompt to recreate the component.
watch to see how iterations are done as well.
try tenor
tenor.design
1
13
1,144
Meet Note, Tenor’s voice-enabled agent.
Talk through an idea, see it take shape, and keep refining it together without losing coherence.
You set the direction.
The conversation moves the work forward.
tenor.design
5
2,103
Taking stage...
Refine live UI interfaces through conversation with Tenor.
tenor.design/
2
6
1,404
Good taste is restless because it’s always in motion. Great design channels that energy into something worth using. Tenor is becoming a space to build live interfaces through conversation so you can explore, iterate, ship quickly and with precision. It’s all taking shape.
1
4
1,659
Everyone's tired of AI hype. We get it.
But there's a difference between hype and experimentation. Markets need people who try new methods before they're proven, the same way we all move from one model to the next. Each shift changes how we work. It’s a paradigm finding its shape.
Tenor was our way of helping designers and builders work to their own taste. We experienced early users find genuinely new ways to design and program.
Today we updated tenor.design. Access is now by request while we build toward something bigger, which is beyond just one tool.
Thank you to everyone who was early, stay tuned.
tenor.design → request access
2
2
15
1,655
cookin'
turning ui component reference images into real react code that can be handed to ai agents and used in real codebase projects with @tenordesign
1
2
1,051
start with what you know.
generate a live react component from a ui component reference image -> copy prompt code to claude or codex.
tenor.design/start
2
26
2,068
Tenor retweeted
The difference between the design tools today vs. the next generation of design tools is going to be which ones are actually AI-Native built from the ground up.
The tools offering AI capabilities within the same old patterns are going to realize very quickly the need to re-adapt the tool to a Agent-First UX. Right now there's a lot of pleasing the old patterns of product design. Playing it safe means make sure it looks, feels and sort of still works like Figma. That's not where the innovation is.
thoughts?
3
2
9
1,284
Tenor retweeted
Add a screenshot. Watch it become a live component. Keep what works, change what doesn't.
The canvas is open. tenor.design/start
1
2
44
7,895
We're not limiting you to another prompt factory.
You have the screenshot, the reference.
Drop it into the canvas and watch it become a live component.
Start from what you know.
@tenordesign
7
6
217
197,856
Tenor retweeted
This looks like the right way to do it.
UI components that are generated by Tenor come with interactivity baked in automatically.
Not only can you fine-tune your generations design wise, you can also prompt to add more interactivity, but Tenor is smart enough to understand how a component should work on first pass.
1
1
7
3,013
Tenor retweeted
Hey friends it’s TC. I’m the other founder of @tenordesign with @_andresjasso. I’ve been working under the hood for a while now, slowly resurfacing into the people-sphere. The love for Tenor is amazing. It all started from a real place and now we have real people using it everyday.
I know there’s a lot of tools out there, but we ain’t pressed ;)
Can’t wait to show you what we’ve been cooking up.
2
6
1,982