Aug 22, 2024

NoCode LiveCode: Leveraging AI Tools to Craft Fully Functional Apps!

Karan Shetti

Stop losing design fidelity during developer handoff. Discover how specialized AI directly transforms Figma wireframes into pixel-perfect, reusable React code while giving you complete editorial control.

Pause
Mute Enter Fullscreen
#1 about 2 min

Addressing collaboration challenges in design to code workflows

Friction between designers and developers over mismatched product implementations requires a better collaboration approach.

#2 about 1 min

Integrating automated frontend conversion into existing developer pipelines

Inserting an automated conversion layer between mockups and frameworks accelerates the delivery of custom interface libraries.

#3 about 2 min

Generating interactive frontend components directly from design tools

A specialized plugin automates component property extraction and input tagging while preserving developer control over the output.

#4 about 1 min

Evaluating general language models against specialized design models

General generative artificial intelligence fails to interpret visual layouts natively because its primary training relies strictly on text documents rather than vector symbols.

#5 about 2 min

Optimizing visual components and extending functionality with backend logic

Specialized models process complex mockups into responsive user interface elements while future iterations intend to append core backend logic.

Matching moments

3:31 min

Recreating React components using AI and dev tools

Chris Heilmann +2 · LIVE

5:42 min

Building low-code AI application pipelines visually using Langflow interfaces

David Leconte David Leconte +1 · World Congress 2024

4:40 min

Using AI to rapidly prototype intuitive application features

Artur Ortega · A11y + AI

2:10 min

Leveraging AI-assisted coding to amplify developer capabilities

Francesco Ciulla Francesco Ciulla · World Congress 2023

2:44 min

Evaluating AI tooling and design platforms for developers

Chris Heilmann +2 · LIVE

2:41 min

Leveraging AI tooling for accelerated learning and productivity

Dan Mindru · Coffee With Developers

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer at Meta

Shubham Chaurasia
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
Open session

World Congress 2026 North America

September 23, 2026 · 10:00–17:00

Stage 14

From Idea to Production with AI: Agentic Development in Practice

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

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

Stage 6

Accelerating development and managing agents with the GitHub Copilot app

Christopher Harrison

Senior Developer Advocate at GitHub

Christopher Harrison
Open session

World Congress 2026 North America

September 23, 2026 · 15:40–16:10

Stage 2

Lean Intelligence: Lessons from GitHub Copilot Data Science Efforts

Rahul Pandita

Researcher and Technical Advisor at Microsoft

Rahul Pandita
Open session

World Congress 2026 North America

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

Outdoor Stage

Beyond the Code: Human-AI Synergies in Product Development

Ajita Kanchivakam Ananth

Staff Technical Program Manager at Google

Ajita Kanchivakam Ananth