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 · WWC 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 · WWC Europe 2026

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
9 months ago

Fireside Chat: AI and Sustainability - Thorsten Jonas

Generate AI in the Browser with Chrome AI - Raymond Camden thumbnail
36:41
9 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
9 months ago

AI is an Electric Bike for the Brain - Stoyan Stefanov

Upcoming sessions on this topic

Open session

World Congress 2026 North America

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

Ship 10x Faster: AI-Powered Development with Claude Code and MCP Tools

Viktoria Semaan

Principal Technical Evangelist at Databricks

Viktoria Semaan
Open session

World Congress 2026 North America

MicroAgents: The Microservices of the Agentic Era

Ashish Shubham

Runs the show bussiness at ThoughtSpot

Ashish Shubham
Open session

World Congress 2026 North America

The MCP haters are half right

Vojta Kopal

Head of Data at Apify

Vojta Kopal
Open session

World Congress 2026 North America

Reinventing Incident Response with AI Agents and MCP

Jayant Tyagi

Lead Member of Technical Staff @ Salesforce

Jayant Tyagi
Open session

World Congress 2026 North America

Securing AI Agent Infrastructure: Identity, Attestation, and Trust at Scale

Abdel Fane

Founder of OpenA2A

Abdel Fane

Related videos

Designing the Future of Human<>Agent Collaboration thumbnail
28:24
WWC 2025 • 12 months ago

Designing the Future of Human<>Agent Collaboration

Emil Sjölander

MCP Mashups: How AI Agents are Reviving the Programmable Web thumbnail
23:17
WWC 2025 • 12 months 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
WWC Europe 2026 • about 1 month 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 • about 1 month 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
WWC 2025 • 12 months 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 • 9 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.