Codex Community Courses

Figma to Editor X Tutorial

1 rating

Convert a Figma landing-page design into a complete Editor X website, building its header, hero, testimonials, footer, assets, fonts, and style guide.

• YouTube
• 24 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

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

How to Wireframe in Figma in 2026

Master modern Figma wireframing techniques for 2026, from canvas setup to responsive design and prototyping, plus migration to no-code platforms like Wix Studio.

• YouTube
• 28 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

Webflow vs Wix Studio - Which is Better for Designers and Agencies?

Discover the key differences between Wix Studio and Webflow for website design, covering dashboards, element creation, responsive design, and coding capabilities for designers and agencies.

• YouTube
• 15 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 Website Design Tutorial 2025

Master Figma's latest 2025 features to build complete websites from scratch using auto layouts, components, and style guides, then seamlessly migrate designs to Wix Studio for publishing.

• YouTube
• 26 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

Learn The Full Website Design Process - Start to End (2025)

Master the complete website design workflow from sitemap creation to publishing, using AI tools like Relume, Figma, and Wix Studio for no-code or code-based development in 2025.

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

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

Create AI-generated text and images in Adobe Firefly, then adapt them for web and mobile designs, icons, and Editor X websites.

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

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

Use Midjourney for website visuals, ChatGPT for copy, and Editor X to assemble a website without writing code.

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

Using ChatGPT to Build a Website With No Code

Use ChatGPT and Editor X to create a website without code, from site outline to page content, titles, calls to action, and blog copy.

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

Adobe Figma to Editor X Tutorial

Convert a Figma website design into an Editor X site without code, setting up its typography, colors, and elements.

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

Mistakes You Must Avoid When Pricing Websites

Learn to avoid undercharging for websites by comparing hourly, fixed-price, and value-based pricing methods.

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