Teaching designers how to code and developers how to design. We teach the best design tools to build your React, Flutter and Swift apps.
Walkthrough of building an AI-driven landing page that uses contextual images and AI-generated videos. Covers the full creation workflow with an AI tool and assembling the page content. Oriented toward automated marketing/media production; no specific platform code or APIs discussed.
Google open-sourced DESIGN.md, proposing a common, machine-readable design-system spec. A shared format lets AI tools interoperate, align tokens/components, and automate UI scaffolding. For iOS teams, this could streamline handoff and AI-assisted generation. Impact depends on ecosystem adoption.
Shows how to use a DESIGN.md as a single source of truth to guide LLMs: codify brand, tokens, components, layout, and content rules so prompts reliably generate coherent design systems and production‑ready landing pages and mobile screens. Includes structure, reuse/versioning tips, and warns against ambiguity. Key takeaway: stop ad‑hoc prompting—standardize it.
Overview of a hands-off workflow using OpenClaw + Codex where AI designs, writes, automates, and organizes tasks while you’re away. The video walks through the exact setup and flow to coordinate tools and automation—useful inspiration for iOS developers considering AI-driven productivity systems.
Blueprint for creating professional, fully animated landing pages using Gemini 3, covering an end-to-end workflow from concept to finished page with emphasis on animation and polish. Demonstrates leveraging an AI model to streamline production and deliver high-quality results efficiently.
Demonstrates using Gemini 3 to create high-end web design animations, arguing it’s the leading model for animation generation. Shows a workflow for producing polished motion effects with AI. Takeaway for iOS developers: explore AI-assisted animation ideation/prototyping to speed motion design workflows.
Tutorial introducing Gemini 3 for AI-driven web design. It shows how to transition your workflow to the new model and leverage its capabilities to design websites more efficiently, marking a “golden era” for AI-assisted design. Practical guidance on adopting Gemini 3 in day-to-day design work.
Demonstrates using GPT‑5.1 to rapidly generate professional web UIs. Focuses on prompting and iterative refinement to create layouts and styles, showcasing its speed. No platform APIs covered. Takeaway: LLMs can accelerate UI prototyping and design workflows.
Demonstrates a workflow for one-shot creating polished landing pages using code references inside the evolving Aura Compose system. Focuses on design speed: reusing reference snippets/tokens to drive layout and styling for rapid iteration and fewer handoff steps. Takeaway: structure reusable code refs to design faster.
Guide to turning basic AI-generated designs into professional results using simple, repeatable steps. Emphasizes AI as a creativity amplifier, outlining an evolved workflow for iterating on prompts, refining outputs, and applying human judgment for polish. Takeaway for developers/designers: treat AI as a co-designer, not a replacement.
Explains why AI-generated UI designs look generic (predictable layouts, overused fonts, purple gradients) and shows practical ways to elevate them with clearer direction and human-led tweaks. Takeaway: use AI as a starting point, then refine typography, layout, and visual hierarchy to achieve distinctive results.
Shows how AI tools and free resources speed UI prototyping by converting screenshots into HTML and enabling quick edits. No iOS-specific APIs, but the approach translates to bootstrapping UI code from mockups. Expect imperfect outputs needing cleanup. Takeaway: use AI to iterate faster on design-to-code workflows.
45-minute tutorial on improving AI-generated UI so it doesn’t blend into the sea of sameness. Breaks down practical techniques to make outputs more distinctive and usable. Helpful for iOS developers to prototype and refine app interfaces faster before implementation.
44‑min tutorial on using AI prompts to generate UI. Shows how to structure and iterate prompts for better results, explore 800+ Aura templates, and follow a workflow to quickly create and refine design mockups. Takeaway for iOS devs: leverage AI for rapid UI ideation and variations before implementation.
Step-by-step guide to build professional-looking 3D rotating card animations using AI-generated assets—no design tools needed. Learn to set up visuals with AI and animate card rotation for a polished 3D effect. Takeaway: quickly add eye-catching 3D card motion to your UI without prior design skills.
Learn to set up an MCP server to connect Claude AI with Hugging Face tools, enabling AI‑enhanced workflows. The video walks through configuration and integration so Claude can use external tools via MCP. Takeaway: use MCP as a bridge between Claude and Hugging Face to streamline development workflows.
A 34‑min walkthrough of building a first macOS app using Cursor with Claude and GPT as AI pair programmers. Shows prompt strategy, iterative development, and managing 400+ commits. Shares pros/cons of LLM assistance and tips for tight version‑control loops. Takeaway: use AI to accelerate, but validate and iterate.
Design a polished radar chart in Figma for an analytics app. The video walks through setting up axes and grids, mapping data points, normalizing values, adding labels, and refining visual styling for readability and comparison. Helpful for prototyping analytics chart UI before implementation.
Shows how to turn a static onboarding screen for a hiking app into an engaging animation using AI tools like Runway AI and Ideogram. Focuses on generating visuals and animating them to elevate UI onboarding. Useful for iOS devs seeking quick, design-driven animated assets without coding.
Step-by-step tutorial on creating 3D models using Claude AI with Blender’s MCP add-on. Learn setup, prompt workflows, AI-driven mesh generation/refinement, and exporting assets. Takeaway: leverage AI to accelerate 3D asset creation, potentially reusable in app or AR contexts.
Intro to Manus, an AI assistant likened to Claude Artifacts + OpenAI Deep Research + Cursor agents. It executes complex tasks end‑to‑end—trip planning, 3D game and dashboard creation—suggesting agentic workflows and tool use. No iOS specifics, but relevant for exploring ai‑powered apps and LLM integration.
Evaluates GPT‑4.5 Preview for coding inside Cursor (~$8 for 4 prompts) against Claude 3.7. Conclusion: GPT‑4.5 isn’t better for coding; quality and value lag. Takeaway for iOS devs: stick with current assistants (e.g., Claude 3.7) for code help—GPT‑4.5 Preview doesn’t justify the cost yet.
Beginner-focused episode on designing a storytelling app for kids. Centers on high-level app concept and UI planning for a child audience, offering ideas and layout guidance. Geared toward inspiration and basic structure; no iOS-specific APIs or code covered. Takeaway: groundwork for prototyping before implementation in your chosen iOS stack.
A 30‑minute walkthrough using Claude Code to add a complex history feature to a custom Figma‑to‑code plugin in only three prompts. Demonstrates iterative, prompt‑driven code updates and integrating the feature into the plugin. Takeaway for iOS devs: LLMs can accelerate implementing nontrivial features and refactors.
Overview of Claude 3.7 and its Claude Code assistant, covering new capabilities and how they streamline coding workflows. Focus is on productivity gains for developers and the potential impact on day‑to‑day coding. Takeaway: AI coding tools can speed up iOS work but still require developer oversight.
Build a custom SwiftUI calendar and turn it into an interactive timeline. Learn dynamic date handling and gesture-driven, smooth navigation to move through time. Focus on SwiftUI views and gesture APIs to update dates and render a responsive, interactive calendar UI.
Beginner tutorial introducing Windsurf for React Native development. Learn how to get started building cross‑platform apps using Windsurf as the workflow for React Native. Takeaway for iOS developers: a clear starting point to use React Native with Windsurf to target iOS alongside other platforms.
Beginner-friendly tutorial on designing a side menu UI in Figma. The video introduces fundamentals and a step-by-step approach to creating a clean navigation menu, offering fresh ideas for both new and experienced designers. Design-focused; no iOS code or APIs covered.