# Empezando con Frames ### El ABC de como crear tu Frame Aprende cómo construir Frames, que son miniaplicaciones que se ejecutan dentro de un feed de Farcaster. ### Visión general - Entiende qué es un marco y cómo funciona. Un Frame te permite convertir cualquier emisión en una aplicación interactiva. Es un estándar para crear experiencias interactivas y autenticadas en Farcaster. Crea encuestas, feeds en vivo o galerías interactivas dentro de Warpcast u cualquier otro cliente de FC. Los Frames extienden el estándar de OpenGraph y convierten los incrustados estáticos en experiencias interactivas. El diagrama a continuación muestra la diferencia entre un OG estándar y un OG de Frames dentro de Warpcast Crear un Frames es simple: elige una imagen para mostrar y agrega botones en los que el usuario pueda hacer clic. Si se hace clic en un botón, recibes un callback y puedes enviar otra imagen con más botones interactivos. ### Recursos Aca te dejo una lista de las utilidades más populares para crear y gestionar Frames. (En ingles) #### **Aprendizaje** [Especificación](https://docs.farcaster.xyz/reference/frames/spec) - Una especificación formal para el estándar de Frames. [Video: Frames 101](https://www.youtube.com/watch?v=rp9X8rAPzPM) - Una guía para principiantes sobre Frames. [Tutorial:Encuestas](https://docs.farcaster.xyz/developers/guides/frames/poll) - Crea una encuesta simple con Frames. #### **Herramientas** [Vercel OG](https://vercel.com/docs/functions/og-image-generation) - Utiliza satori y resvg-js para generar imágenes PNG a partir de HTML y CSS. [Validador de Frames de Warpcast](https://warpcast.com/~/developers/frames) - Un depurador para probar Frames en la interfaz de usuario de Warpcast. [Neynar](https://docs.neynar.com/docs/how-to-build-farcaster-frames-with-neynar) - Infraestructura y herramientas para servidores de Frames. #### **Frameworks** [onchainkit](https://github.com/coinbase/onchainkit) - Un conjunto de herramientas de React para crear Frames. [frames.js](https://framesjs.org/) - Una plantilla de Next.js para construir y depurar Frames. [Frames más simple](https://github.com/depatchedmode/simplest-frame) - una plantilla de Frames sin framework. #### **Ejemplos** [Linktree](https://replit.com/@soren/Linktree-Frame?v=1) - un Frames simple que enlaza a otras cuatro páginas. [Onchain Cow](https://github.com/WillPapper/On-Chain-Cow-Farcaster-Frame) - un juego similar a un clicker de vacas. [FC Polls](https://github.com/farcasterxyz/fc-polls) - crea y ejecuta encuestas dentro de Frames. [Claim or Mint](https://github.com/horsefacts/base-mint-with-warps) - permite a los usuarios reclamar un NFT si cumplen ciertos criterios. --- Es hora de sumergirte en el mundo de los marcos en Farcaster! Sigue estos sencillos pasos: Si aún no tienes una cuenta en Warpcast: [Regístrate ahora](https://warpcast.com/~/invite-page/19430?id=140acec6) Sígue el canal **/Latino** en Warpcast para estar al tanto de las últimas novedades, actualizaciones y eventos especiales! Únete hoy mismo y descubre un nuevo mundo de posibilidades con Warpcast. ¡Te esperamos en la comunidad!