Design to Code: Using AI to Build Faster

Introduction

• Using AI to be a faster, better, stronger designer

1. How AI Makes Design Faster

• Why AI and why now?
• Code generation and automation
• The problems with AI

2. Fast Design and Prototyping in Figma

• Using AI in Figma
• Design planning and more with Figma Jambot
• Design content and icons using Magician in Figma
• There are so many AI plugins

3. Using AI Prototyping and Design Suites

• New prototyping tools are all-in-one
• Creating prototypes in Mockitt
• Uizard for wireframe, mockup, and final designs
• From sketches to designs using Visily.ai

4. Generating Code

• Making the dev handoff better
• TeleportHQ code generation
• AI website development with Durable
• Translate wireframes using Anima
• Translating designs to code using Locofy
• Translating the back end with AWS Amplify

Conclusion

• Next steps