Direct the component. Keep the code.

Tenor is a focused place to turn visual direction into live React, refine the result through conversation, and move it into the implementation workflow you already use.

Generate from aprompt or image

Describe what you need or add a visual reference. Tenor turns either into a coded, interactive React component on the canvas.

1.1Prompt to React

Refine withan agent

Talk with Tenor to refine the result. The agent updates the component directly on the canvas, so you can see each change in context.

2.1Conversational refinement

Direct the layoutChange the hierarchy, spacing, or composition in context.

Adjust the stylingRefine the visual direction without reaching for a property panel.

Change the behaviorAsk for interaction changes while the result remains working React.

Look back through every iterationReview earlier versions, compare changes, and return to the direction that worked best.

Continue inCodex or Claude Code

Share the latest version with your coding agent, ready to implement in the project and workflow you already use.

3.1Handoff to code

Direct the component. Keep the code.

Try Tenor