Finalmente lo hiciste. Después de meses o incluso años de averiguar cuál debería ser su movimiento comercial, ha aterrizado en cuál podría ser su mejor idea hasta ahora.

Solo hay un problema. 😔

No eres un desarrollador, y el diseño tampoco es realmente lo tuyo.

Entonces, ¿qué ahora? ¿Dejas que tu idea brillante muera como todos los demás que nunca salieron de tu aplicación de notas?

¡No hoy, amigo mío! ¡NO! ¡HOY! ✋🛑⛔️
Ingresar Figma y su socio en Crime, o, en este caso, socio en Code, Bolt. Figma maneja el diseño. Bolt convierte ese diseño en una aplicación en funcionamiento utilizando un lenguaje natural, aportando un nuevo significado a la codificación de ambas. Juntos, ayudan a convertir su idea en un producto que funcione sin que escriba una sola línea de código.

En este artículo, explicaré Figma, cómo funciona con Bolt y cómo los dos pueden ayudar a dar vida a su idea. También compartiré casos de uso y consejos reales para ayudarlo a comenzar tan pronto como hoy.

Si eres nuevo en mi trabajo Mi nombre es Lester, Pero no dudes en llamarme Les. Soy un fundador con una salida exitosa y un galardonado vendedor de rendimiento.

En estos días, estoy enfocado en ayudar a la gente cotidiana a dar sentido a todas las noticias de «AI está cambiando todo». 🤝

Si le gustan las ideas de marketing basadas en datos y desea mantenerse al día con formas prácticas de usar IA, consulte mi boletín gratuito, No Fluff solo hechos. Desgloso lo que funciona en marketing y las herramientas de IA que vale la pena prestar atención.

Pero suficiente sobre mí. Hablemos sobre cómo Figma y Bolt funcionan juntos y cómo lo único que necesita para dar vida a su idea es la capacidad de describir lo que desea.

¿Qué es la codificación de vibra?

Antes de sumergirnos, revisemos los conceptos básicos de la codificación de ambas y por qué es importante para construir su compañía de software.

Fuera de ser una frase elegante que suena como algo que la Generación Z diría, podría ser el futuro de la codificación tal como la conocemos.

El término «codificación de ambientes» fue introducido a principios de 2025 por Andrej Karpathy, un conocido científico informático eslovaca-canadiense. Karpathy lideró la inteligencia artificial y la visión del piloto automático en Tesla. También cofundó y trabajó en Operai, donde se centró en el aprendizaje profundo y la visión por computadora. 💪

Karpathy describe la codificación de vibos como una conversación más con IA. Dices lo que quieres, la IA escribe el código y lo prueba y lo refina a medida que avanza. No se trata de conocer lenguajes de programación o sintaxis. Se trata de guiar la IA con instrucciones de lenguaje natural.

Cambia el enfoque de escribir código manualmente a describir la funcionalidad que desea e interactuar con la IA para construirlo, probarlo y mejorarla. Este enfoque es simple y accesible, incluso si no tiene experiencia en codificación.

Esencialmente, estás atrapando un ambiente mientras codificas, ¿ves lo que hice allí? 😏

Esta forma de construcción hace que el proceso se sienta más como una conversación que la codificación tradicional.

Este cambio podría ser más disruptivo de lo que hemos visto en áreas creativas y artísticas, donde la IA todavía lucha con el «gusto». El código es binario. O funciona o no.

Cómo funcionan Figma y Bolt juntos

FIGMA es una aplicación basada en la web que se utiliza principalmente para crear diseño de interfaz de usuario (UI) y experiencia de usuario (UX). Permite a los usuarios crear diseños impresionantes y experiencias en línea. Su fuerza es la capacidad de compartir e iterar en diseños en tiempo real, por lo que es un excelente ajuste para los equipos que construyen productos digitales como sitios web y aplicaciones.

Esto es especialmente útil si usted y un cofundador trabajan juntos en una empresa y tienen diferentes responsabilidades. 😎

Quiero que pienses en la figma como «forma».

Bolt es una herramienta con IA que optimiza el desarrollo web al automatizar la generación de códigos y permitiendo a los usuarios crear aplicaciones de pila completa con una codificación mínima. Toma indicaciones generadas por el usuario en lenguaje natural y crea el código correspondiente tanto para el frente como para el trasero, incluidas las bases de datos y los flujos de trabajo.

Piense en Bolt como «función».

Juntos, Figma y Bolt aportan un nuevo significado a la «Forma de la función». 🥰

Antes de esta integración, necesitaría un diseñador para crear la apariencia de su aplicación y luego contratar a un desarrollador para dar vida a su idea.

Aquí está la cosa: el diseño y el desarrollo de software son dos conjuntos de habilidades claramente diferentes, y es difícil encontrar a alguien que pueda hacer ambas cosas. Incluso más raro es alguien que hace bien.

Es como si su contador y abogado fuera la misma persona. Si bien no es imposible, es poco probable, y si estamos siendo honestos, probablemente sea una mala idea. 👎

Dicho todo esto, así es como ocurre la magia: cuando combinamos las capacidades de Figma y Bolt, podemos crear software de una manera que antes no hemos hecho: diseños impresionantes de aplicaciones de software con un solo mensaje.

Así es como funciona la integración:

Instala el perno directamente dentro de Figma yendo a la sección de complementos de Figma y buscando «Bolt». Una vez que esté instalado, puede abrirlo junto con su diseño.

Desde allí, hace clic en un elemento como un botón o forma y usa un lenguaje natural para decirle a Bolt lo que desea que haga.

Por ejemplo, puede escribir, «Cuando se haga clic en este botón, vaya a la siguiente pantalla», y Bolt acumula esa lógica en su archivo.

Es como tener un desarrollador integrado en su herramienta de diseño. Debe saber qué desea que haga el producto, y Bolt maneja el resto con un lenguaje natural.

Entonces, en lugar de exportar diseños y entregarlos a un desarrollador, se mantiene en flujo. Usted construye, prueba e interactúa con una versión de trabajo real de su aplicación o sitio dentro de la herramienta que utilizó para diseñarla.

Es diseño y desarrollo en el mismo espacio. Esa es la magia de Figma y Bolt.

Pasamos de Internet de acceso telefónico a la construcción de compañías de software chatando con una máquina como lo haría con un amigo en una sola vida. Qué momento para estar vivo. 🥳

Qué construir con Figma y Bolt

Aquí está la pregunta que me hacen algunas veces al día: ¿Qué debo construir con AI?

Si alguna vez te has preguntado lo mismo, no te preocupes, te tengo. Mi explicación será demasiado simple, por lo que abre su mente a las posibilidades.

En su mayor parte, las herramientas sin código crean aplicaciones web o móviles, y en algunos casos, ambas. ✍️

Cuando piensa en la web o el móvil, esa es la ubicación donde sus usuarios interactúan con su aplicación. Esto importa, pero no por la razón que podrías pensar. Por ejemplo, si tiene una solución B2B, puede ser mejor para su solución vivir en la Web, ya que sus usuarios probablemente usarán un escritorio. Por otro lado, si está creando una solución de consumo que funcione con otras aplicaciones móviles, puede ser más adecuada como una aplicación móvil.

¿Siénteme?

Ahora, cuando piensas en la aplicación, tu solución:

• Hace algo
• Almacena algo
• Documenta algo
• Vende algo

Así es como se ve en la práctica:

Hace algo: Piense en esto como realizar una acción. Esto incluye herramientas que conectan a las personas, automatizan tareas, venden productos, rastrean progresos, programan reuniones o habilidades de enseñanza. Usemos ChatGPT como ejemplo. Es increíblemente impresionante lo que está sucediendo debajo del capó, pero al final del día, es una aplicación web que realiza una acción.

Almacena algo: Estas son herramientas que guardan, organizan o administran datos. Piense en notas, archivos, listas de clientes, tareas o inventario. Los ejemplos del mundo real son la noción, Google Drive, etc.

Documenta algo: Piense en zdnet. Al final del día, estamos documentando noticias tecnológicas.

Vende algo: Piense en Amazon o una idea del mercado. Básicamente, estás facilitando una transacción.

Esta es una simplificación excesiva intencional, diseñada para abrir su mente a las posibilidades de lo que puede construir. 🤓☝️

Verá, la mayoría de los gurús en línea le darán una lista de cosas genéricas que puede construir con Figma y Bolt, como herramientas de gestión de gestión de inventario o herramientas de gestión de relaciones con el cliente (CRM). O peor, dirán algo vago como las «aplicaciones con IA», lo que sea que eso signifique.

Pero este es uno de esos momentos en los que quiero mostrarte cómo pescar en lugar de darte un pez.

El problema que resuelve puede ser simple o complejo, pero en esencia, está haciendo, almacenar, documentar o vender algo.

Este marco debería ayudar a que sus jugos creativos fluyan.

Aquí está la clave: al decidir qué construir, comience con a quién desea servir. El término elegante para esto es su ICP (perfil ideal para el cliente).

En última instancia, su negocio y, por extensión, su aplicación está resolviendo un problema para su ICP.

Ese es tu problema. ¿Y tu idea de la aplicación? Esa es la solución. 🔥

En el fondo, esto es lo que estás haciendo: resolver problemas.

Como dice mi pop, vea una necesidad, llene una necesidad. No lo pienses demasiado.

Mis preocupaciones

Ah, sí, la parte del artículo donde comparto mis preocupaciones.

Figma y Bolt son geniales, y algunos de los mejores de clase, pero mi carne está con la industria en su conjunto.

Las herramientas sin código venden el sueño de «construir una compañía de software con un solo mensaje». Si bien eso no es una mentira, tiene implicaciones imprevistas.

Si está construyendo algo simple como un blog, la seguridad puede ser menos problemas, pero sigue siendo algo que debe tomarse en serio. ⚠️

El problema es que la mayoría de las plataformas sin código se saltan sobre el aspecto de seguridad. Como alguien entrando en el juego tecnológico, tienes la responsabilidad de mantener la información de tus clientes en privado y fuera de las manos de los piratas informáticos.

Fuera de eso, si bien estas herramientas son impresionantes, tienen límites. No debe esperar construir el próximo Instagram usando ningún código solo.

Eso me lleva a la escalabilidad. Las herramientas sin código no son el juego final. Son los más adecuados para hacer que su idea despegue rápidamente. Estas herramientas brillan cuando se trata de prototipos. ✅

Mi último punto no es tan preocupante como un aviso. Estas herramientas están diseñadas para personas nuevas en el desarrollo, pero para aprovechar al máximo ellas, ayuda tener algún conocimiento de dominio o al menos tener una revisión profesional de su trabajo para limpiar las cosas.

No te estoy diciendo esto que te desanime, pero necesito que sepas. Esta tecnología es increíble, pero todavía hay algunos cabos sueltos que necesitas atar.

Mis dos centavos

Hemos desempacado mucho, así que aquí hay algo con lo que dejar.

La combinación de figma y perno es especial. 🚀

Puede ayudarlo a acelerar el proceso de pasar de una idea a ponerla en manos de los clientes que pagan. Y aunque eso es increíble, aún debe considerar el problema y para quién lo está resolviendo.

Las herramientas sin código son excelentes, pero observe que no dijeron ningún trabajo.

Independientemente de lo que decida construir, deberá apoyarse en él. Eso significa crecer, aprender y convertirse en una mejor versión de ti mismo.

Puede ser difícil, pero no es imposible.

😇 Espero que esto ayude. Te estoy apoyando.

PD: Si desea consejos y trucos de IA más fáciles y útiles, regístrese para mi boletín gratuito, sin hechos sin pelusa.

Obtenga las principales historias de la mañana en su bandeja de entrada cada día con nuestro Boletín de Tech Today.