AI coding guides & resources
Engineering decisions, tutorials, and video guides from the OTF team.
Figma Variables + MCP Definitive Tutorial
The definitive guide to connecting Figma Variables with MCP. Give your AI coding tools direct access to your design tokens for pixel-perfect, token-compliant code.
Watch tutorial
Apple Watch Workout App Built with Cursor & Xcode
A complete walkthrough of building an Apple Watch workout app with Cursor and Xcode. SwiftUI, HealthKit integration, and the unique challenges of watchOS development with AI.
20 min
Successful Coding w/AI in Large Enterprises
What actually works when deploying AI coding tools at enterprise scale. Procurement, governance, security, and the adoption patterns that drive real productivity gains.
25 min
Chrome DevTools (MCP) for Your AI Agent
Give your AI coding agent browser superpowers. Connect Chrome DevTools via MCP to enable real-time page inspection, console reading, and visual debugging.
15 min
Design to Code with Figma MCP and Cursor
By Sergei Chyrkov
10 min
Using Claude Code for Web to Build a Share Terminal Sessions Tool
By Simon Willison
10 min
Vibe Coding at Google: Prototyping the all-new AI Studio
By Dive Club
10 min
AWS Kiro Complete Guide
By The Code Cruise
10 min
How One Designer Led an AI Revolution at Pendo
By Brian Greenbaum & Claire Vo
10 min
Zapier CEO Personal AI Stack | Wade Foster
By Wade Foster & Claire Vo
10 min
Designer at Ramp: Advanced AI Design Process
By George Visan & Jay Dalal
10 min
How We Built Claudie, Our AI Project Manager
By Natalia Quintero & Dan Shipper
10 min
OpenClaw Clearly Explained in 30 Minutes
By Peter Yang
10 min