AI and Figma Workflows
This page links to all the resources in the “AI will upend your process for the better”.
Connect with Justin on LinkedIn and tell him what has worked (or hasn’t) on your AI enablement journey: www.linkedin.com/in/justinbmeyer
The presentation
This will be shared after the Figma talk.
https://www.figma.com/deck/YtPNEHlHFe1l1qxifDMvaG
The app
https://github.com/bitovi/carton-case-management is our app we use for our AI trainings. For example, you can see some of our Github Copilot content here: Github Copilot
Vibe Coders
The following are links to resources that make vibe coding easier:
Mocking
Using mocks make it easier for an agent to build a prototype because it doesn’t have to implement the change in the backend and database.
The following initializes a mock app for mock service worker:https://github.com/bitovi/convey-app-template/blob/9e6cb793015272e3b49fdf126f7b8fdfa82e616c/.github/skills/init-mock-app/SKILL.md
Data Model
When mocking, you want to keep your data model consistent.
Design Consistency
When making new components, want to keep them looking right — a Brand skill teaches the agent your colors, type, and tokens https://github.com/bitovi/ai-enablement-prompts/pull/26
Component skill .. use existing components before you build something new — component-registry
Visual Communication
Figma Make (local)
Branch Builds
Local Agent Orchestrators
Code to Figma
Bitovi’s Figma Skills — figma-react
Asking Questions / Writing Stories
CascadeMCP Server — cascade-mcp
Generate behavior questions (Figma–Jira) — generate-behavior-questions
Write Jira story — write-jira-story
Implementation
Figma Code Connect — figma-connect-component (Bitovi) · figma/code-connect (official)
Figma to React component skill — figma-implement-component
Implement code from React — figma-design-react
Cloud Agent Orchestrators
The following has setup instructions for the core components for AWS: AWS Setup: Cascading v2: Figma, Jira, Github
Cloud Agents
Lets you run a agent in the cloud … with access to MCP and your codebase
Jira To Cloud Copilot Setup
FigmaMCPProxy — figma-mcp-proxy
CascadeMCP — cascade-mcp
Asking Questions / Writing Stories / Implementation
Reuses the Local Agent skills above, run via the cloud setup.