Codex Community Courses

Figma to Editor X Tutorial

1 rating

Learn to convert a Figma design to Editor X, building a complete webpage with header, hero, testimonial, and footer sections. Covers basics, custom fonts, colors, and style guide implementation.

• YouTube
• 24 minutes
• Self-Paced
• Free Video

How to Use AI Art and ChatGPT to Create Insane Web Designs

Discover how to leverage AI art and ChatGPT to create stunning web designs without coding, combining Midjourney for visuals and AI-generated content for a cutting-edge website.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

Using ChatGPT to Build a Website With No Code

Discover how to leverage ChatGPT's natural language capabilities to create website content, from outlines to taglines, without coding. Learn to combine AI with Editor X for efficient web design.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

Adobe Figma to Editor X Tutorial

Learn to convert Figma designs to Editor X without coding, covering typography, colors, and design elements for seamless migration in the Adobe ecosystem.

• YouTube
• 18 minutes
• Self-Paced
• Free Video

Mistakes You Must Avoid When Pricing Websites

Learn effective website pricing strategies, including hourly, fixed, and value-based methods. Gain insights from industry leaders and avoid common pricing mistakes for freelancers and agencies.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

Adobe XD to Editor X Tutorial

Learn to convert an Adobe XD design to Editor X, covering layout, assets import, and responsive design techniques. Gain practical insights into no-code web development and site creation.

• YouTube
• 17 minutes
• Self-Paced
• Free Video

How to Convert WordPress to Editor X

Learn to quickly migrate a WordPress site to Editor X, recreating layouts and features while adapting to no-code tools in this step-by-step tutorial.

• YouTube
• 18 minutes
• Self-Paced
• Free Video

What Is Adobe Firefly and How to Use It for Web Designs

Explore Adobe Firefly's AI-powered design capabilities for web and graphic design, including text generation, image creation, and customization options. Compare its features to other AI art tools.

• YouTube
• 17 minutes
• Self-Paced
• Free Video

Learn 3D Web Design - Create 3D Objects for Websites

Tutorial: Create 3D objects for websites using Spline Design. Learn to replicate the HTML logo in 3D and import it into web projects, enhancing portfolio designs with interactive 3D elements.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

Wix Studio Crash Course - Beginner-Friendly No-Code Website Building Tutorial

Learn to build websites with Wix Studio's no-code platform. Master the interface, elements, and editor to create responsive designs from scratch. Ideal for beginners seeking hands-on web development skills.

• YouTube
• 34 minutes
• Self-Paced
• Free Video

Framer vs Wix Studio - A Complete Comparison for Design and Development in 2025

Discover the key differences between Framer and Wix Studio for web design and development, including AI features, code components, and which platform suits your workflow best.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

Comparing AI Models for Web Development: DeepSeek R1, O3-mini, and Qwen 2.5 Max

Explore a detailed comparison of leading AI models' performance in website coding, examining DeepSeek R1, o3-mini, and Qwen 2.5 Max across problem-solving, coding, and web design tasks.

• YouTube
• 13 minutes
• Self-Paced
• Free Video

Modern Website Design Inspiration 2025 - Hypercolors, Gen Z Design, and Interactive Elements

Explore 2025's hottest web design trends including hypercolors, Gen Z aesthetics, fullscreen videos, mouse interactions, scroll design, and 3D elements for vibrant modern websites.

• YouTube
• 11 minutes
• Self-Paced
• Free Video

Trae AI - New AI Powered Coding IDE for Programmers

Explore Trae AI, a VS Code fork with Gemini 2.5 Pro and Claude 3.7 integration, featuring MCP server connections, agent mode, custom AI agents, and powerful coding assistance tools for enhanced programming productivity.

• YouTube
• 10 minutes
• Self-Paced
• Free Video

Figma Sites vs Wix Studio in 2025 - Comparison and Features

Compare Figma Sites and Wix Studio in 2025, exploring interfaces, importing designs, AI tools, publishing capabilities, SEO features, responsive design, and editing workflows to determine the best tool for your web design needs.

• YouTube
• 12 minutes
• Self-Paced
• Free Video