WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
Perfomance & AI Day • Nov 27, 2025

Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis

Aris Markogiannakis proves Model Context Protocol transforms AI into an active workflow engine. Link Figma and Playwright to instantly generate tested frontend code without sacrificing system integrity.

Pause
Mute Enter Fullscreen
#1 about 3 min

Traditional handoff processes between designers and developers

How pixel measurements and CSS properties move from design tools to code implementations.

#2 about 3 min

Shifting perspectives from artificial to automated intelligence

Recognizing AI as a tool for automating existing developer processes and interactions.

#3 about 4 min

Understanding foundational concepts of LLMs, agents, and MCPs

Defining the distinct roles models, autonomous agents, and middleware play in automated workflows.

#4 about 3 min

Generating test workflows using the Playwright MCP

Defining specific rules for an AI agent to reliably generate end-to-end tests.

#5 about 6 min

Configuring the Figma MCP for local code generation

Linking design server outputs directly to an editor to produce component code automatically.

#6 about 5 min

Batching design implementations with automated agent workflows

Grouping instructions into structured steps to generate multiple components and stories simultaneously.

#7 about 10 min

Synchronizing design properties with codebase definitions

Using developer-focused design tools to maintain consistency across system variables and component states.

#8 about 3 min

Maintaining developer control over autonomous coding tools

Why overseeing and reviewing AI-generated outputs remains essential to prevent catastrophic failures.

#9 about 11 min

Analyzing the future risks and interoperability of MCPs

Exploring whether middleware protocols will become permanent standards or lead to over-automation pitfalls.

Matching moments

1:55 min

Shifting developer workloads and realistic AI productivity gains

Chris Heilmann +2 · LIVE

2:24 min

Preserving developer autonomy with AI integration in workflows

Kyle Daigle · Coffee With Developers

2:06 min

Rethinking team structures around AI agent capabilities

Mike Mike · World Congress 2025

3:31 min

Recreating React components using AI and dev tools

Chris Heilmann +2 · LIVE

3:56 min

The evolution of AI programming and agentic workflows

Fabian Hedin Fabian Hedin · World Congress 2026 Europe

4:40 min

Using AI to rapidly prototype intuitive application features

Artur Ortega · A11y + AI

More from Perfomance & AI Day

Fireside Chat: AI and Sustainability - Thorsten Jonas thumbnail
50:07
10 months ago

Fireside Chat: AI and Sustainability - Thorsten Jonas

Generate AI in the Browser with Chrome AI - Raymond Camden thumbnail
36:41
10 months ago

Generate AI in the Browser with Chrome AI - Raymond Camden

Raymond Camden

AI is an Electric Bike for the Brain - Stoyan Stefanov thumbnail
44:41
10 months ago

AI is an Electric Bike for the Brain - Stoyan Stefanov

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 15:30–16:00

Stage 1

AI-Powered Incident Triage: How We Built GenAI Agents with MCPs to Automate On-Call Workflows

Prakshal Doshi

Site Reliability Engineer

Prakshal Doshi
Open session

World Congress 2026 North America

September 25, 2026 · 13:30–14:00

Stage 4

From Model Selection to Smart Routing: How to Use the Right LLM for Every Task

Viktoria Semaan

Principal Technical Evangelist at Databricks

Viktoria Semaan
Open session

World Congress 2026 North America

September 24, 2026 · 11:00–13:00

Stage 12

Exploring MCP Servers with GitHub Copilot

Pamela Fox

Principal Cloud Advocate, Microsoft

Pamela Fox
Open session

World Congress 2026 North America

September 25, 2026 · 10:20–10:50

Outdoor Stage

MicroAgents: The Microservices of the Agentic Era

Ashish Shubham

Runs the show bussiness at ThoughtSpot

Ashish Shubham
Open session

World Congress 2026 North America

September 24, 2026 · 16:50–17:20

Outdoor Stage

The MCP haters are half right

Vojta Kopal

Head of Data at Apify

Vojta Kopal
Open session

World Congress 2026 North America

September 23, 2026 · 13:40–14:10

Stage 2

Building an AI-Native Development Workflow

Vanessa Minik

Senior Service Delivery Engineer, GitHub

Vanessa Minik

Related videos

Designing the Future of Human<>Agent Collaboration thumbnail
28:24
World Congress 2025 • about 1 year ago

Designing the Future of Human<>Agent Collaboration

Emil Sjölander

MCP Mashups: How AI Agents are Reviving the Programmable Web thumbnail
23:17
World Congress 2025 • about 1 year ago

MCP Mashups: How AI Agents are Reviving the Programmable Web

Angie Jones

API, MCP or MCP App? Choosing the right surface for AI agents thumbnail
29:59
World Congress 2026 Europe • 2 months ago

API, MCP or MCP App? Choosing the right surface for AI agents

Rishabh Budhiraja, Rishi Deorukhkar

AI Code then vs now: From Complex rubbish to co-piloting in 12 months thumbnail
22:55
Europe 2026 Virtual • 2 months ago

AI Code then vs now: From Complex rubbish to co-piloting in 12 months

Sergej Reznik

Beyond Prompting: Building Scalable AI with Multi-Agent Systems and MCP thumbnail
25:32
World Congress 2025 • about 1 year ago

Beyond Prompting: Building Scalable AI with Multi-Agent Systems and MCP

Viktoria Semaan

AI Killed DevOps... What Now? - Lee Faus thumbnail
57:43
Coffee With Developers • 10 months ago

AI Killed DevOps... What Now? - Lee Faus

Lee Faus

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.