ServiceNow Dreams in Figma: Design in Figma. Ship on ServiceNow. You can paste a Figma link into the ServiceNow Build Agent; the agent—via the Figma Model Context Protocol (MCP) Server—reads components, styles, and layouts, then generates a governed, enterprise-ready app in minutes.
Those of you that know me, know I am doing cartwheels over this news on the Future of Design and Design Education with ServiceNow CXO, Amy Lokey and Figma Head of Insights, Andrew Hogan.
This is big news for teams who are able to improve design and delivery by cutting handoffs, shrink rework, and maintaining-production fidelity. Moreover, OAuth 2.0, audit trails, and inherited permissions keep scale and compliance first-class. And with Next Experience, Horizon components, and UI Builder, your design system flows straight into Workspaces and modern Portals.
Early results show >80% faster initial UI + data-model setup—so you deliver value sooner, safer, smarter. That’s ServiceNow Dreams in Figma in action.
The Offering at a Glance — ServiceNow Dreams in Figma
- What it is: Connect your Figma → MCP Server → ServiceNow Build Agent generates app scaffolds (UI, data, flows).
- Why it matters: Introducing Figma MCP server: Bringing Figma into ServiceNow workflow. Design context—not screenshots—drives faithful builds; governance is baked in.
- What you get: Speed, security (OAuth 2.0), roles/ACLs, version control, audit trail, and scale on the ServiceNow AI Platform. ServiceNow
How It Works — Design-to-Deployment with MCP
Where It Shines — Workspaces, Portals, Design Systems
- Next Experience Workspaces: Translate Figma layouts to Horizon components, lists, cards, and actions; then layer GenAI experiences. ServiceNow Dreams in Figma. ServiceNow
- Employee Center & Portals: Accelerate modern Portal patterns and VA handoffs while you plan Employee Center enhancements. ServiceNow Dreams in Figma. ServiceNow
- Tokens & Libraries: Keep brand and behavior consistent across apps by aligning Figma libraries/tokens with UI Builder patterns. ServiceNow Dreams in Figma. Figma
Quick Start — From Figma Link to Running App
- In Figma: create an OAuth app; capture Client ID/Secret.
- In ServiceNow IDE: connect Figma MCP Server to Build Agent.
- Prompt the agent with your Figma design link; review the scaffold.
- Add roles/ACLs, tests, and CI/CD gates; promote through environments. Application Development where ServiceNow Dreams in Figma.
OOB GenAI Changes to Watch — What’s Next
- Agentic AI in Workspaces: richer Now Assist placement; telemetry-ready components.
- Design System drift ↓: MCP preserves component intent, reducing rework.
- Governance stays default-on: faster builds without losing control.
FAQs
Is it secure for enterprise? Yes—OAuth 2.0, server-to-server, tokens in-instance, inherited roles and audit trails. ServiceNow
Does it replace developers? No—it accelerates scaffolding; teams still design data, integrations, tests, and releases. ServiceNow
How do I enable it? Install the latest Build Agent, then connect the Figma MCP Server (OAuth).
Other ServiceNow Dreams in Figma Resources
- Application development with Figma MCP server (Zurich)
- Careers Figma‑Powered ServiceNow
- Figma AI Enterprise Servicenow Application
- Figma Based Design Tokens
- Figma Best Practices Tips and Tricks
- Figma to ServiceNow Portal
- Horizon Design System
- Introducing our MCP server: Bringing Figma into your workflow | Figma Blog
- Master Figma Developer Handoff
- ServiceNow and Figma launch AI-Powered app creation integration – ServiceNow Press
- UI Design Resources & Articles | Figma
- UX Design | Resource Library
