Inspiration by VASA Works
Get started

Figma x LiT Workshop

A 45-slide Figma workshop talk deck built on full-bleed black slides, crisp white grotesque type, and vibrant Figma-brand color blocks, that teaches design-to-code workflows in Dev Mode, MCP, Make, and Code Connect.

45 slides · Talk

View deck overview
Collaboration in the Age of AI cover, dark-mode, minimal, dark
Collaboration in the Age of AI cover
Hello LiT speaker intro, dark-mode, minimal, dark
Hello LiT speaker intro
Workshop agenda step list, dark-mode, minimal, dark
Workshop agenda step list
Idea to Product tangled diagram, dark-mode, minimal, dark
Idea to Product tangled diagram
Design to Dev tangled diagram, dark-mode, minimal, dark
Design to Dev tangled diagram
Design vs Implementation sketch, dark-mode, minimal, dark
Design vs Implementation sketch
Code editor vs Figma siloed split, dark-mode, minimal, dark
Code editor vs Figma siloed split
Figma platform isometric stack, dark-mode, minimal, dark
Figma platform isometric stack
Today's focus highlighted stack, dark-mode, minimal, dark
Today's focus highlighted stack
Demo Good to know section opener, dark-mode, minimal, dark
Demo Good to know section opener
Handover from Design four-column contents, dark-mode, minimal, dark
Handover from Design four-column contents
Always updated Jira integration feature, dark-mode, minimal, dark
Always updated Jira integration feature
Finish routine tasks fast AI feature, dark-mode, minimal, dark
Finish routine tasks fast AI feature
Annotation to give context feature, dark-mode, minimal, dark
Annotation to give context feature
Developer Resources Dev Mode feature, dark-mode, minimal, dark
Developer Resources Dev Mode feature
Let's dive into Figma transition, dark-mode, minimal, dark
Let's dive into Figma transition
Receiving Handover as Developer four-column contents, dark-mode, minimal, dark
Receiving Handover as Developer four-column contents
Why Dev Mode feature with version history, dark-mode, minimal, dark
Why Dev Mode feature with version history
Finding Specs with Ease, numbered how-to over Dev Mode capture, dark-mode, minimal, dark
Finding Specs with Ease, numbered how-to over Dev Mode capture
VS Code Integration, black text panel beside blue IDE capture, dark-mode, minimal, dark
VS Code Integration, black text panel beside blue IDE capture
Dev Mode MCP Server, black text beside sage-green code capture, dark-mode, minimal, dark
Dev Mode MCP Server, black text beside sage-green code capture
Let's dive into Figma, sticker-block transition slide, dark-mode, playful, dark
Let's dive into Figma, sticker-block transition slide
How We Work, black section divider with stacked decorative tiles, dark-mode, maximalist, dark
How We Work, black section divider with stacked decorative tiles
How to design-to-code, three-column theme overview, light-mode, minimal, light
How to design-to-code, three-column theme overview
Three-column overview with first theme active, light-mode, minimal, light
Three-column overview with first theme active
AI helps designers focus on the important problems, green statement with mockups, minimal, technical, vibrant
AI helps designers focus on the important problems, green statement with mockups
Three-column overview with second theme active, light-mode, minimal, light
Three-column overview with second theme active
With Make you can bring your designs to life, green slide with tablet mockup, minimal, technical, vibrant
With Make you can bring your designs to life, green slide with tablet mockup
With Make you can bring your designs to life, Whats next variant, minimal, technical, vibrant
With Make you can bring your designs to life, Whats next variant
Three-column overview with third theme active, light-mode, minimal, light
Three-column overview with third theme active
Connect your design system in Figma to code, Code Connect slide, minimal, technical, vibrant
Connect your design system in Figma to code, Code Connect slide
Bring Figma into your dev's workflow, MCP server slide, minimal, technical, vibrant
Bring Figma into your dev's workflow, MCP server slide
Relationships & Workflows, black section divider with shape cluster, dark-mode, maximalist, dark
Relationships & Workflows, black section divider with shape cluster
Great work blurs the lines between roles, black quote slide, dark-mode, minimal, dark
Great work blurs the lines between roles, black quote slide
Design is for everything and everyone, statement over discipline bubbles, dark-mode, minimal, dark
Design is for everything and everyone, statement over discipline bubbles
The way many teams build products, build-steps diagram slide, dark-mode, minimal, light
The way many teams build products, build-steps diagram slide
The future of building products diagram, dark-mode, technical, dark
The future of building products diagram
AI is a key part of it annotated diagram, dark-mode, technical, dark
AI is a key part of it annotated diagram
Q&A slide with cursor name tags, dark-mode, minimal, dark
Q&A slide with cursor name tags
Resources section divider, dark-mode, playful, dark
Resources section divider
Figjam resources three-card slide, dark-mode, minimal, dark
Figjam resources three-card slide
Figma Design resources three-card slide, dark-mode, minimal, dark
Figma Design resources three-card slide
Figma Make resources three-card slide, dark-mode, minimal, dark
Figma Make resources three-card slide
Figma Dev Mode and MCP Server resources slide, dark-mode, minimal, dark
Figma Dev Mode and MCP Server resources slide
Figma logo closing slide, dark-mode, minimal, dark
Figma logo closing slide
Figma x LiT Workshop — full deck · Inspiration by VASA Works