AI and Rovo
Design patterns for AI and Rovo, the future of teamwork.
Rovo brand and AI experiences
AI and Rovo experiences use distinct branding, styles, and labels to show when AI is at work. Clearly identify AI experiences to build trust and transparency.
Logo and icons
Use the Rovo logo and AI icons to represent Rovo and AI-powered features in designs. Logos are also available for download.
Telepointers
Use the telepointer to show when Rovo is working on the page, giving a clear visual cue that AI is in action.

Use the AI generation component to display AI-created content in context. The AI footer provides a consistent disclaimer to clarify that the content is AI-generated.

AI actions and prompts
Bring AI into specific tasks and contexts with cues, skills, and inline prompting. When designing an AI feature, make sure it supports the user's task or needs.
Use the Rovo button to open floating chat. Add nudges to surface helpful AI actions at the right moment.

Rovo cues and prompt starters
Use Ask Rovo buttons to open the inline prompt. To suggest a helpful next step that opens a chat, add a prompt starter with the AI chat icon. For quick AI actions that happen outside of chat, use Rovo cues.

Use the skills tag to give users direct access to specific AI capabilities. Unlike general prompts, skills tags let users choose the exact action they want instead of leaving it up to Rovo.

Prompt inline
Use prompt inline to let users give direct commands to Rovo during content creation or editing.

AI chat and conversation
Choose from full-page (AI create), sidebar, or floating chat layouts depending on the context of your design.
AI create
Use AI create for substantial creations, like generating entire pages, multiple Jira tickets, or full-scale whiteboards.

Use sidebar chat for AI conversations that stay anchored to the side of a page or other content view. This keeps the content unobstructed and lets Rovo use the page as context.

Use floating chat for a more modular, flexible chat window, ideal for dense interfaces like Jira where screen space is limited.

Chat message cards
Use message cards in chats to summarize information, confirm actions, or provide clickable links to content like whiteboards, documents, or code.

AI design resources
AI design patterns in Figma
Browse components, tokens, and patterns for Rovo and AI designs.More AI patterns for Atlassians
More patterns are developing. Find the full list or reach the team for support at Rovo and AI patterns, (opens new window)