Transcripciones
1. Introducción a Figma Make: Hola. Mi nombre es Greg Kang. Soy un creador de contenido canadiense, tecnólogo de
TI y
líder de más de una década, codificador de
vibraciones de varias
plataformas de aplicaciones como bolt Tengo mi curso de codificación vibra, curso generativo de IA,
Open AI SA para videos AI, videos
SynthesiAF AI, así como
el curso SynthesiAF AI, así como de video Google VO three
AI Ahora tenemos Figma make. ¿Qué es Figma? Figma es el líder en
la interfaz de usuario y el espacio UX. Recientemente tuvieron
una IPO exitosa, y han introducido
una característica muy emocionante en su plataforma
llamada Figma make. Entonces Figma Make es una plataforma de codificación vibra
impulsada por IA donde realmente puedes crear aplicaciones
prototipo funcionales que
funcionen Estamos hablando de aplicaciones de puntuación de
golf. Estamos hablando de aplicaciones de citas
online. Estamos hablando de dashboards de
criptomonedas con datos reales en vivo Ya he construido todas estas
aplicaciones usando Figma make. Así que traigo mi experiencia de codificación
vibra a través de
diversas plataformas. También he participado en el
Hackathon más grande del mundo con bolt dot U, y voy a llevar esta experiencia de vanguardia
al curso Figma make Este es un curso
amigable para principiantes. No necesitas
saber codificar. Pero lo que sí necesitas
hacer es poder
comunicar y
articular tu visión
o tu idea en lenguaje natural a la plataforma de IA para
ayudar a construir tus aplicaciones Y te estaré enseñando
algunos de los consejos que realmente pueden hacer eso
más fácil y Fast Track. Te voy a dar una introducción
a la plataforma. ¿Cómo se inicia? Y
te estaré dando una comparación de los otros líderes en
el espacio como adorables,
como replet bol dot NU, OPO de
Google, Gemini Canvas de
Google Así que esperamos
verte en el curso y enseñarte este conocimiento de
vanguardia. Vamos.
2. Recorrido por Figma Make: Hola. Y bienvenidos a la plataforma en línea
Figma Entonces, compré una suscripción a US
$20, y esto te da acceso
a esta plataforma aquí. Hola. Este es Greg aquí. Te voy a dar
un rápido recorrido por
Figma Haz la
aplicación de codificación vibe para Figma Voy a quitar la cámara porque quiero mostrarte
todo alrededor de la interfaz. Entonces aquí estamos. El área principal en la que
trabajarías es el prompt. Entonces el prompt está en
la parte inferior izquierda, y aquí es donde
usarías el lenguaje natural para básicamente pedirle a la IA que
cree lo que quieres. Así que en realidad he usado
todos mis créditos ahora mismo, así que está mostrando este mensaje, pero como aún es muy nuevo, seguirá funcionando para mí. Entonces tienen algunas
indicaciones de muestra aquí a la izquierda. Entonces este es el flujo de registro uno, y básicamente puedo hacer clic aquí y pedirle que
cree el flujo de registro. Lo haré un poco más tarde. Quiero mostrarte algunas otras
características en la plataforma. Así que la parte superior aquí,
tenemos vista previa de actualización. Entonces después de tu vista previa, si haces cambios,
puedes actualizarla. Aquí puedes
abrir la consola, y aquí realmente puedes obtener la vista móvil para diferentes
teléfonos y dispositivos. Bien, así que la vista previa es una vez que
tienes tu aplicación prototipo, en realidad
puedes verla. Puedes usarlo e
interactuar con él. La vista de código es el
código real detrás de tu aplicación. Y luego en el lado derecho, aquí es donde realmente puedes abrir la
vista de pantalla completa de tu app. Aquí tienes tu configuración. Para que puedas nombrar tu app, darle una meta descripción, ID de
Google Analytics, favicon, imagen
para compartir en redes sociales e incluso darle código personalizado Se puede establecer el dominio así
como integraciones de bases de datos. El botón publicado
publicará realmente esta aplicación con una URL de Internet, y también puedes compartirla con otros usuarios de Figma así como la comunidad en la parte superior derecha Bien, entonces esta
es la vista principal. Sólo nos va a
sacar de aquí por ahora. Así que vamos a
hacer clic en la parte superior izquierda y volver a hacer clic en Archivos. Entonces esto es más
del tablero real. Y por aquí,
puedes ver tu cuenta. Tienes el tema,
puedes hacerlo más ligero. Eso podría ser más fácil
de ver en realidad. Tienes tu configuración
con tu correo electrónico, notificaciones de
la comunidad
y seguridad. Y a la izquierda,
tienes tu administrador, si quieres administrar tu
equipo, tienes basura,
todos los proyectos, borradores
en el lado izquierdo, y luego tienes tus
proyectos de inicio aquí a la izquierda Y tienes
recursos comunitarios en lo alto por aquí. Y para acceder a las diferentes aplicaciones
Figma fuera de MAC, esta
está en la parte superior derecha Así que diseñe, FIG
Jam, slides, buzz, site, pero nos estamos enfocando en MAC, que está aquí en la parte superior derecha. Entonces vamos a hacer de nuevo. Y vamos a usar una de las indicaciones predeterminadas,
así que regístrate flujo Entonces nos da nuestro aviso aquí. Y solo fíjate en
el área prompt, podemos cambiar el texto. Podemos importar de Figma
si tiene otros activos de Figma. Puedes subir una imagen como referencia si quieres un diseño o estilo
en particular, una imagen dice mucho. Y por aquí está tu botón de
punto y edición, si tienes una vista previa y quieres
especificar cierta área, realmente
puedes usar esta. Y luego Este es tu botón Enter una vez que
tengas tu prompt. Entonces, vamos a darle a Enter. Y en el lado izquierdo, se
puede ver que la IA está
pensando, es razonamiento. Y luego en el centro, realidad está construyendo tu perfil así
como código de construcción. Entonces sí, esta fase del
proyecto puede llevar algún tiempo. Entonces lo que voy a hacer es que voy a
esta es una buena oportunidad para ir al baño o tomar un café. Y luego, cuando vuelvas, en realidad
puedes previsualizar
e interactuar con la aplicación. Durante esta fase,
también puedes ir al co
Vew y
en realidad puedes verlo
construyendo el código aquí Bien, voy a
volver a la vista previa. Y luego, cuando esté hecho, revisaremos la vista previa, la aplicación e interactuaremos con ella. Bien, entonces tenemos nuestra vista previa, y podemos revisar el código. De hecho, podemos ir a
diferentes vistas móviles. Yo sólo voy a cerrar
la consola aquí. Entonces esto es iPhone 16, Android ,
etcétera, podemos
volver al escritorio Vuelva a la vista de escritorio. Y en realidad, vamos a hacer clic en la ventana de vista previa completa
y luego probaremos el up. Bien, así que en realidad podemos
continuar con Gmail o Apple. Podemos hacer una copia
de esto y remix. Um, así que estamos interactuando
con la aplicación. De hecho, podemos cambiar
las imágenes aquí. ¿Cómo se ve esto? Entonces esto realmente prueba el inicio de sesión de correo electrónico. Greg H Bien. Bienvenida a bordo. Entonces
ese es el flujo. Esta es una aplicación de vista previa. Entonces a partir de aquí, podemos usar el prompt en la parte inferior izquierda para reiterar, hacer algunos cambios. Entonces básicamente solo le pides
que haga ciertos cambios. Podría ser diseño, color
o funcionalidad. Podemos compartir esto
con otras personas. Podemos publicarlo en
Internet o en la comunidad. Entonces, si quieres incluir
esto en la comunidad, puedes activar ese
botón de radio y luego hacer clic en Publicar. Por lo que esto tardará unos minutos. Pero básicamente lo que he
hecho aquí en este video, te
he presentado algunas de las características principales en Figma make Y seguimos adelante y creamos una app básica con uno de
los prompts predeterminados, y la publicamos. Así concluye
esta lección en video.
3. Cómo crear una aplicación con una imagen de referencia: Bien, estamos en Figma make,
figma.com flash M. Así que una vista
ligeramente diferente a la que hice en Pero tenemos las mismas
indicaciones predeterminadas aquí flujo de incorporación, tablero de
datos, galería de
gradientes Así que
básicamente vamos a intentar crear una app usando el
prompt con una sola toma. Haz un editor de video en línea
que sea compatible con dispositivos móviles. Y déjalo ir. Entonces en realidad está
abriendo Fig Mamek ahora. Entonces en realidad no
procesó el prompt. Entonces aquí es donde realmente podemos subir una imagen de referencia. Bien, entonces voy a usar
esta imagen de referencia. Mira como lo adjunté ahí. Puedes ver la
vista previa de la imagen en la parte inferior izquierda, hacer un video en línea,
editar compatible con dispositivos móviles y usar el archivo adjunto
como diseño como inspiración Bien. Ahora voy a darle a
Enter. Ahora está pensando. Entonces, en lugar de que el Figma
haga suposiciones, en realidad
va a usar esa imagen de referencia y ojalá construya una edición de
video, eso es similar a
lo que adjunté Así que en realidad puedo echar un vistazo al razonamiento, a la parte del
razonamiento. Crearé un editor de video en línea
amigable para dispositivos móviles inspirado en tu imagen, vista previa de video
principal con controles de
reproducción, barra lateral de herramientas
plegable con estilos de
edición y acciones
rápidas, tiempo amigable con el
tacto con video, pistas de
audio, diseño receptivo, tema
oscuro que coincide con
la imagen de inspiración, funcionalidad de
exportación y guardado Entonces esto suena bien.
Veamos lo que realmente sucede. Echemos un
vistazo al código aquí. Maravilloso. Bien, entonces
tenemos una vista previa aquí. ¿Cómo se ve esto? Se ve bien. Y no espero, ya
sabes, que esto sea
un aviso de un disparo. Esta es tu oportunidad
para probarlo, ver qué funciona, ver en
qué hay que probarlo. Entonces, lo primero que me
pregunto es ¿dónde podemos importar
realmente el video? No parece que
pueda ajustar la línea de tiempo. Probemos los estilos
de edición automática. Eso no parece funcionar. ¿El botón de guardar incluso funciona? Bien, tan visualmente sabio, tenemos un buen punto de partida, pero funcionalidad, hay mucho en
lo que hay que trabajar. Necesitamos importar videos. Necesitamos realmente
cambiar el tamaño del área de la línea de tiempo, y necesitamos la capacidad de
exportar realmente Entonces mi seguimiento rápido, puedo hacer todas
estas sugerencias, pero como mejor práctica,
no quieres exagerar Podrías comenzar
con una característica. Agrega un botón de importación de video
con la capacidad de recortar el clip en la línea de tiempo y arreglar el video de guardar y
exportar. Entrar. Entonces ojalá podamos arreglar
estas tres preguntas básicas. Sólo por el bien del
tiempo, pero si no lo hace, lo mejor es preguntar a la vez. Así que solo puedes
probar esa opción. Pero es fácil ser
codicioso y pedir demasiado, pero eso también puede
confundir al modelo de IA Bien, es procesar
mi segunda pregunta. Entonces me he dado cuenta de que hay
un botón de importación de video. De hecho, hagamos clic en él
y veamos si eso funciona. Entonces aquí hay un video. Y déjame ver si realmente
puedo recortarlo. Esto es en realidad función. Entonces parece que en realidad
puedo recortarlo. Parece que el
botón de guardar está funcionando. Básicamente, así es como funciona la codificación de
vibra. Lo pruebas, agregas las nuevas funciones
hasta que finalmente
obtienes la aplicación pulidora y funcional. Así que en realidad solo voy a compartir este proyecto con mi equipo y seguir trabajando
con el posterior. Entonces, lo que hicimos aquí
es que se nos ocurrió una vista previa usando una
imagen de referencia para la aplicación de edición de video, e hicimos un aviso de
seguimiento después probarlo para arreglar las funciones
faltantes.
4. Cómo hice una variante de Uno llamada Bruno: Bien, estamos en Figma make, y he hecho una variación
del juego Uno llamado Bruno Y te mostraré las
indicaciones de cómo lo hice, y pasaremos y
publicaremos esto juntos Así que comencemos
con el juego. Yo sólo haré un juego de muestra. Así que voy a refrescar el
juego aquí, empezar un nuevo juego. Todo bien. Entonces esa es la covista, y esta es la vista previa
donde realmente podemos jugar. Entonces esta es básicamente una versión jugable de Uno,
pero se llama Bruno Entonces voy a poner mi nombre. Voy a agregar un
reproductor de IA, la computadora. Y básicamente, emparejamos
tarjetas por número o color, llamar a Bruno con una tarjeta restante. En realidad no estoy seguro de cómo lo
hacemos con este juego. Y si, el objetivo es
vaciar tu tarjeta. Entonces comencemos el juego. Entonces la cubierta está en el medio. Por lo que es una tarjeta de salto de vuelta. Uh Bien, entonces uso el mismo
color. Entonces ahora es un siete. Entonces puedo usar el ocho o el mismo
número, así haré siete. Haré clic en él y haré
clic en Play Card. Bien. Entonces ves que la computadora
se fue. Actualmente son dos. Para que pueda seleccionar
más de dos tarjetas, espero. Entonces ese es un cambio que necesito
hacerle al juego. Al igual que, si es el mismo
número, técnicamente, me debería permitir apilar, usar ambos de estos dos. Entonces esto es en realidad lo que
llamamos la fase de prueba, pruebas de aceptación
del usuario. Entonces tenemos una versión viable. Tenemos que probarlo para
ver si hay algún error o mejora que
deba suceder. Y ahí es donde
haríamos una iteración. Entonces jugar carta actual es cuatro, así que tengo que pasar ahora porque no
tengo nada. ¿Qué es eso? ¿Tarjeta arcoíris? Bien. Bruno compró victorias. Bien, entonces veamos
las indicaciones ahora. Entonces el primer prompt fue hacer una versión multi mobile friendly de no llamada Bruno y dijo, voy a hacer ese soporte para
dos o cuatro jugadores. Y si, inicialmente
me pregunté si
quería crear una base de datos. Pero creo que para
este tipo de juegos, no
necesitas una base de datos porque básicamente
empiezas un juego nuevo, no
necesitas guardar ningún dato. Entonces mi segundo problema fue
darle un lindo logo de Bruno
al dorso de las cartas y darle la posibilidad de jugar
contra la computadora, AI. Y eso fue lo que hizo. Y da la versión tres. Y ahora quiero decir,
darle al usuario la posibilidad de
seleccionar más de una tarjeta. Si corresponde, por ejemplo, si un jugador tiene varias cartas con
el
mismo número que la carta de mazo. Todo bien. Entonces ese es un ejemplo
de revisar o iterar Oh Bien. Bien, así que el código
ha sido actualizado. Y básicamente, una vez hecho
esto, voy a probar de nuevo esa
misma característica. No voy a
pasar por eso aquí, pero mientras eso va, déjame mostrarte los otros menús en la parte superior de aquí. Se puede ver la vista previa móvil. Se puede ver la vista de escritorio. Y luego con la vista móvil, tenemos la capacidad de
cambiar de dispositivo aquí. Entonces esa es la
ventaja de Figma. En la parte superior derecha, tenemos la capacidad de
publicar el juego. Incluso podemos darle un favicon. Podemos darle un ID de
Google Analytics. Y podemos publicar este
juego, que haré después. Bien. Voy a añadir la posibilidad seleccionar y jugar múltiples
cartas con el mismo número. Genial. Entonces eso es algo
que tenemos que probar. Otras cosas que podemos hacer es que en realidad
podemos vincularlo a un dominio. Así que una vez que lo
publiquemos, en realidad podemos tener una URL como no.com fordlash Bruno o algo
así Pero necesitas ser dueño de
ese nombre de dominio. Entonces una vez que esto esté terminado, voy a publicarlo. Veamos también
el botón Compartir. Entonces tienes la capacidad de
compartirlo con cualquiera, y puedes darle la
posibilidad de editarlo, verlo. Puedes protegerlo con contraseña, publicarlo en la comunidad, lo cual podría hacer. Solo esperando que esto termine. Y parece que la versión
cuatro está terminada, y tenemos un error. Entonces es autoarreglar los errores. Y el modelo subyacente, creo, es clode antrópico Tan similar a otras
plataformas de codificación vibe como bolt dot U. Así que tiene un
tipo de lógica similar a ella. Entonces es bastante inteligente. Se le puede hablar
en lenguaje natural. Y si necesitas
arreglar algo, solo
puedes decir arreglar el error. Bien, entonces lo que voy a hacer es simplemente publicar esto. Entonces básicamente, si quiero
presentarlo en la comunidad, podría hacerlo aquí,
y hago clic en Publicar. Y eso es algo que
haré después el agente corrija estos errores de
autofix Entonces ahí vamos, detrás de escena
de un juego
multijugador de Bruno.
5. Introducción a la comunidad Figma Make: Bien, así que ahora estoy publicando este juego
a la comunidad, que la comunidad pueda
jugarlo Pueden remezclarlo y hacer sus propias
variaciones del juego Y en la comunidad, realidad
puedes mirar otras aplicaciones.
Entonces aquí está el mío. Todo bien. Y mira, en realidad podemos ver otras
aplicaciones comunitarias. Vamos a echar un vistazo aquí. Cookie de la fortuna, efecto botón, mini controlador, comercio electrónico, calculadora de marca
Figma,
incluso un sitio web de negocios Bien. Vamos a probar Vamos a
probar esta aplicación aquí. Vista de
rotación de producción de 180 grados. Entonces ya ves que tenemos la
capacidad de escucharlo. Podemos guardarlo y
remezclarlo en nuestra propia visión. Bien, y también puedo ver las
indicaciones que usa este usuario. Quiero una
rotación de 180 grados para mi producto. ¿Bien? Y luego
vemos la salida aquí, y luego vemos otro prompt. Este usuario usa mayúsculas
para sus indicaciones, por lo que será más fácil de seguir Sí, agrega todos estos y haz que
la rotación sea más suave. Dime si puedo
importar más imágenes, ángulos desde Chachi BT, dime los ángulos,
y voy a conseguirlos. Así que estos usuarios realmente tienen una
especie de conversación
con los agentes de IA. Para los colores, tenemos negro, blanco, rojo,
azul marino, hacemos un $30. Bien. Entonces aquí vamos. Aquí tiene su sudadera con capucha, y de hecho podemos
rotarla. Entonces esto es bastante genial. Puedes Esta sería una buena maqueta para diferentes
tipos de productos Es lindo que
compartiera esto aquí. Contamos con auto gira. Fue muy chulo.
De hecho voy a jugar con éste. Entonces ese es un ejemplo de usar la publicación a la
comunidad y luego también remezclar otra
app de Figma de la
6. Monopolio de Figma Solana: Voy a hacer una demostración de mi juego
codificado vibra, Solana Monopoly. Entonces este juego está destinado
a ser un prototipo divertido. Jugando al monopolio con slana. Y esto realmente puede
conectar tu billetera. No es real, pero
podría ser muy real. Y básicamente, esta es una
buena manera de familiarizarse con el crypto
token de Salana mientras se juega
un divertido juego clásico Y Salanas una de esas
blockchains energéticamente eficientes que no son caras, así que por eso me
inspiré para usar Así que
te llevaré
primero a través del juego y luego veremos
las indicaciones. Yo uso la plataforma Figma hacer. Así que empezamos seleccionando a
nuestro personaje aquí, y necesitamos
al menos dos jugadores. Y vamos a ver.
A lo mejor necesitamos cuatro. Bien, entonces hemos creado
algunos jugadores clave aquí, y tenemos el tablero silana Entonces el jugador uno tiene 0.1
500 por lo que cero propiedades. Vamos a rodar los dados. Bien. Entonces, ¿dónde está la línea D? Uno, dos, tres, cuatro, cinco, seis, siete, ocho, nueve, y Muy bien. Entonces el jugador tres tiene
la oportunidad comprar Rainbow Bridge
por 0.022 SOL Bien, entonces el jugador tres
es dueño de Rainbow Bridge, que está por aquí Entonces ellos son dueños de esta propiedad, y ahora vamos a
lanzar los dados. Podría hacer que estos jugadores sean
un poco más grandes. Es difícil de ver. Pero este es definitivamente un juego
que se puede iterar. Así que de todos modos, es un juego de acumular un criptoactivo,
acumular propiedades Y echemos un
vistazo a las indicaciones. Así que primero pronta,
crear un divertido juego de monopolio que utilice el salón y cryptotken como
recompensas para Conviértelo en cantidades fraccionarias, así que es divertido jugar, así
que no es caro jugar Y decía, Claro, hagamos ese juego y
creamos la versión uno. Así que la versión uno no fue
muy agradable de ver, no
fue muy amigable con la vista. Y había muchos
spots en la pizarra. Entonces dije: Haz que el tablero sea más
atractivo visualmente, amigable con dispositivos móviles, y menos puntos en el tablero y colorido y permita que
un personaje
lindo sea elegido como pieza de jugador. Entonces decía, Bien, vamos a reducir
los espacios de tablero 40-20, agregaron las lindas
piezas de jugador que vimos Y completamente rediseñado
Salana Monopoly. Y esa era la Versión tres. Y sólo un prompt más. Pongo arreglar el texto ya que se está
derramando fuera del tablero. Entonces teníamos estos nombres de
descripción de tablero que se estaban
derramando de las cajas Entonces arregló eso. Y eso nos
lleva a nuestra versión de tarjeta, con la
que estoy bastante contenta. Vamos a echar un
vistazo rápido al código. 206 líneas. Y esto es algo que
no me importa publicar. Y así íbamos a publicar. Y no me importa compartir
con la comunidad, así que simplemente hacemos clic en Publicar. Entonces, eso es todo. Espero que hayas disfrutado de esa
introducción a Salana Monopoly.
7. Remezcla una tienda de comercio electrónico con la integración de Stripe: Bien, quiero mostrarte
un remix que he hecho. Entonces esta aplicación aquí, visor de
rotación de productos de
180 grados. Entonces remix esto, y solo te
mostraré
el producto terminado Entonces aquí está el salón de pádel. Este es un sitio de
comercio electrónico de pickleball. Y la característica clave
de este sitio es la capacidad de rotar
las paletas así También podemos acercarnos aquí. Restablecer. Y si elegimos el remo, podemos agregarlo a
un carrito de compras. Así que agrega la tarjeta para que
podamos ver el carrito ahí. Entonces esto es solo en modo demo. En realidad no vamos
a procesar un pago, pero esto podría ser
funcional fácilmente si
obtienes la clave API de Stripe y solo
en tu solicitud, solo dile que quieres
tener un proceso de pagos real, y luego
compartirías la clave API en una carpeta segura,
y ahí tienes. Tienes un prototipo bastante
bueno, incluso una app en funcionamiento donde
podrías enfocarte en un solo producto,
podrías demostrarlos. Y estas son solo yo no
diría las mejores capturas de pantalla, pero sí, tienes la
idea de que podríamos hacer rotación automática y ver el producto desde
diferentes ángulos. Entonces déjame llevarte detrás de
escena de cómo hice esto. Entonces vayamos a mi proyecto. Entonces remix ese proyecto
original. Entonces empecé con el remix. Bien. Y puedo ver todas las
indicaciones que usaron Así que solo voy a
desplazarme hacia abajo hasta encontrar donde empecé
en esta app. Bien, creo que es la versión
seis. Entonces mi primer aviso, adjunté una imagen de una paleta de
pickleball y le dije, Use este accesorio pickleball
para la imagen del producto
y llámalo vaticProprism y llámalo Bien, seguí adelante y creé Versión siete y
reemplazé con éxito la sudadera con capucha una paleta de pickleball y me
dio una imagen como Entonces pensé: Déjeme dar un paso más allá
en la Versión ocho. Subamos más fotos. Bueno, antes de eso, quería
cambiar la imagen del encabezado. Así que adjunte una imagen
de pickleball, y le pedí que usara esta imagen en el encabezado
y llamara a la tienda
el salón Powdle
y enumere ¿Bien? Así que eso
creó la Versión ocho. Y luego el siguiente prompt, agregué otra captura
de pantalla de la paleta Pickleball
en un ángulo diferente Dije, usa estas imágenes
adicionales de paddle para la función de autorrotación. Eso creó la Versión nueve. Y luego agregué otro
ángulo con el mismo prompt, use los palimages posicionales
para la rotación automática Eso creó la versión diez. Y luego agregué una
captura de pantalla más con otro
ángulo, exactamente el mismo prompt. Y luego el último fue, puede agregar un carrito de compras
con integración de rayas? Entonces eso nos lleva a la Versión 11. Entonces para
configurarlo, quería una base de datos, así que
superbse Y eso
nos llevó a la versión 14. Entonces puedes ver aquí cómo
empezamos con el remix, y básicamente
lo adapté a otro producto Y la característica principal
de este sitio fue esta rotación automática
del producto. Pero también lo he mejorado
con un carrito de compras. Entonces echemos un
vistazo rápido al código aquí. Creo que esta es
una app bastante detallada, solo mirando todo este código. Entonces, si quisiéramos agregar la API, así que voy a preguntar si tengo una clave API stripe para
procesar pagos reales, donde puedo compartirla de forma segura con actualizarla en la app. Entonces Walt dot Nuevo Estoy
familiarizado con el proceso. Hay una carpeta ENV en la que en realidad
podemos simplemente
copiarla y pegarla Bien, así que básicamente establece esta área y básicamente
solo la pegas aquí. Pégalo aquí y haz clic en
Crear Secreto. Entonces ahí vamos.
8. Resumen de Figma: Gracias por tomar el curso de Figma make. Espero que
lo hayan disfrutado. Espero que hayas aprendido mucho, y eso hizo que tus
jugos creativos fluyeran. Se necesitan muchas de todas tus ideas y
realmente puede hacer que cobre vida,
un prototipo funcional, ya sea una aplicación de puntuación de golf,
un tablero de
criptomonedas. Ahora tienes el poder
como si eres un diseñador de UI o UX
o simplemente un creador de contenido
o propietario de un negocio, quien sea, ahora puedes usar Figma make y construir aplicaciones funcionales También puedes usar
la comunidad para obtener ideas y también compartir
tu app con la comunidad. Y este espacio está cambiando
tan rápidamente que
espero que los cambios
ocurran regularmente. Por lo que voy a tratar de mantener actualizado
este curso. Te interesan otras
plataformas de codificación vibe como bolt dot U, entonces sí tengo cursos sobre eso
si quieres bucear en profundidad. Tienes una breve introducción
a los otros competidores. Te di una comparación. Lo que me gusta de Figma M es que puedas involucrar
al equipo Puedes compartirlo con el equipo. Obtienes acceso a
mucho control visual, las aplicaciones codificadas por vibra más
atractivas visualmente, y la fuerza de Figma está en la interfaz de usuario, así que eso es de
esperar Así que de todos modos, espero que hayas
disfrutado del curso, y gracias por acompañarnos. Adiós.
Greg Hung, Travel Videographer
