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

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

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

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

Beyond the Code: Human-AI Synergies in Product Development

Ajita Kanchivakam Ananth

Staff Technical Program Manager at Google

Ajita Kanchivakam Ananth
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
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

Vibe Coding Accessibility

Karl Groves

Focused on actively fixing accessibility

Karl Groves