Relay is a dark Figma UI kit for AI support operations, bringing conversations, reviewed reply drafts, knowledge publishing and workload reporting into one visual system. Use it to design support workflows across Web and Mobile interfaces; the kit is delivered as a static, editable Figma design file.
What's inside
- 196 editable screens and states: 98 Web and 98 Mobile
- 54 website screens and states covering homepage, product pages, pricing, plan comparison, checkout, receipts, payment recovery, membership, billing, blog, resources and contact
- Product flows for operations overview, shared inbox, conversation ownership, AI draft review, knowledge approval and publication, support reports, team management and settings
- Authentication and account flows: sign-in, registration, verification, invitations and recovery, with dedicated success and error states
- 128 variables, 15 text styles, 18 component sets and 60 standalone main components
- Relay brand component that keeps the logo and brand name together
- Organized Web and Mobile pages and a Components page for the shared system
- Graphite surfaces, blue and mint accents, layered cards and DM Sans typography
- Native editable interface elements and reusable editorial covers
Delivered as a static, editable Figma design kit. Screens and states include complete views and dedicated result/error examples. No production code, working AI engine, interactive prototype or live authentication, messaging or payment services are included. Decorative glass artwork was generated with OpenAI ImageGen. The interface was assembled and refined in Figma with AI assistance.
