Teaching designers how to code and developers how to design. We teach the best design tools to build your React, Flutter and Swift apps.
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.