Karan Shetti
NoCode LiveCode: Leveraging AI Tools to Craft Fully Functional Apps!
#1about 1 minute
Overcoming the challenges of design-to-development handoff
The traditional process of converting designs to code often results in a final product that doesn't match the original vision, causing friction between teams.
#2about 2 minutes
A live demo of converting Figma designs to code
Lofi Lightning integrates with Figma to scan designs, generate interactive code previews, and automatically create components with props that users can then correct.
#3about 2 minutes
Why large design models outperform general LLMs
General LLMs struggle with design-to-code tasks because they are trained on text, whereas specialized large design models understand visual structure and context.
#4about 1 minute
The future roadmap for Lofi's AI tooling
Future plans include expanding to mobile app support, detecting more interactive elements, and using LLMs to add business logic and backend integrations.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
36:52 MIN
The future of developer tools in an AI-driven world
Are frameworks like React redundant in an AI world?
00:06 MIN
An overview of an AI-powered code reviewer
How we built an AI-powered code reviewer in 80 hours
38:07 MIN
Exploring the future of AI beyond simple code generation
Innovating Developer Tools with AI: Insights from GitHub Next
12:22 MIN
Leveraging AI as a tool for learning and productivity
Exploring AI: Opportunities and Risks in Development
28:49 MIN
How AI will reshape software development and documentation
Coffee with Developers - Scott Chacon on growing GitButler and the future of version control
00:07 MIN
Investigating the future of software development at GitHub Next
Innovating Developer Tools with AI: Insights from GitHub Next
23:00 MIN
A walkthrough of the design-to-code workflow
Designing the Future of Human<>Agent Collaboration
07:47 MIN
Using AI for rapid ideation with Figma Make
Designing the Future of Human<>Agent Collaboration
Featured Partners
Related Videos
31:39Livecoding with AI
Rainer Stropek
04:17Leapter: The Reinvention of Software Development? A Future Built On AI Generated Code.
Robert Werner
30:36How to become an AI toolsmith
Clemens Helm
42:38Innovating Developer Tools with AI: Insights from GitHub Next
Krzystof Czieslak
15:26New AI-Centric SDLC: Rethinking Software Development with Knowledge Graphs
Gregor Schumacher, Sujay Joshy & Marcel Gocke
43:05Transforming Software Development: The Role of AI and Developer Tools
Kenneth Auchenberg & Christian Heilmann
47:35Panel discussion: Developing in an AI world - are we all demoted to reviewers? WeAreDevelopers WebDev & AI Day March2025
Laurie Voss, Rey Bango, Hannah Foxwell, Rizel Scarlett & Thomas Steiner
58:06From Syntax to Singularity: AI’s Impact on Developer Roles
Anna Fritsch-Weninger
From learning to earning
Jobs that call for the skills explored in this talk.
Front End Engineer / Developer (TypeScript React Native AI
Client Server
Esher, United Kingdom
Remote
€65-80K
CSS
React
JavaScript
+5
Front End Engineering Manager ( Generative AI experience )
Accenture
Charing Cross, United Kingdom
REST
React
GraphQL
React Native
Continuous Integration
Full-Stack Developer mit Fokus auf AI Coding
VisualMakers GmbH
Köln, Germany
€56-80K
GIT
React
Flask
Python
+7