Transcription
Lo que estás viendo no lo hizo un diseñador, no lo hizo Figma, no lo hizo Canva, lo hizo Cloud. Anthropic lanzó el día de hoy Cloud Design, su propia herramienta de diseño y es impresionante.
[música]
En este video vamos a ver cómo configurar Cloud Design y hacer una identidad desde cero.
¿Qué es Cloud Design? Para empezar a utilizar Cloud Design tienes que entrar a cloud.ai/design. Algo muy importante es que Cloud Design corre sobre Opus 4.7, que es el modelo más avanzado en este momento de Claude. Así que no estamos hablando de algo básico.
Desde Cloud Design vamos a poder crear prototipos, eh, app webs, eh [música] app móviles, eh DEX, mockups de alta calidad, proyectos de animación, incluso hasta texto. Me he encontrado que puedes hacer hasta texto animado. Puedes hacer todo un sistema y creo que lo más importante es que puedes configurar todo un sistema de diseño para tu marca. Toda la identidad de tu marca la puedes llevar ahí y la va a recordar.
Cloud Design no es gratuito, solo está disponible a partir de los planes Pro de $20. Así que si estás en el plan gratuito, no tienes acceso por el momento. Ahora, yo creo que bien vale la pena que veas todas las funciones en este video que tiene. Muchas de ellas te van a asombrar y entonces ahí decides si vale la pena o no pagarlo.
Muy bien, vamos a empezar a hacer un tour viendo todas las distintas herramientas que tiene. Entonces, vamos a ingresar a cloud.ai. Cuando entras en el panel de la izquierda, te muestra los cuatro distintos modos que tienes para crear.
Vamos a empezar por el primero que es Prototipo. Por supuesto, aquí colocas el nombre del prototipo y tienes dos formas de hacerlo. Eh, wireframe y alta fidelidad.
Vamos al siguiente, que es Slide Deck. En este puedes crear presentaciones completas. Tiene un modo de opción de notas para el presentador, tipo lo que hace PowerPoint, que tienes menos diapositivas, pero tienes a un lado las notas para presentarlo, ¿no? Aquí igualmente empiezas con el proyecto, con el nombre del proyecto y el sistema de diseño.
Vamos con la siguiente que es Desde un Template. Por ahora tiene un template solamente de animación, diseño de movimiento basado en el timeline. Esto, por supuesto, va a crecer con el tiempo. Recordemos que ahorita es la primer versión y van a agregar más templates.
Y por último, Otros. Útil cuando empieces a diseñar sin caer en ninguna de las otras categorías.
En la parte central tenemos lo más reciente. En Ejemplos hay unos ejemplos excelentes que ya tiene para empezar. Aquí, por ejemplo, puedes jugar con estos wallpapers que tienen animación y además son interactivos. Y aquí está el prompt para que lo puedas copiar y usar. Vamos. Hay distintos ejemplos que ya vienen con su prompt para que puedas empezar a probarlos y usarlos y ver de lo que es capaz.
La última pestaña es la de Sistemas de Diseño y aquí es donde realmente está la diferenciación. Básicamente porque aquí le enseñas quién eres. Le das el nombre de tu empresa, le das una descripción, le das el código de las páginas que estás haciendo, arrastras una carpeta con todo tu código, puedes subir archivos .fig de Figma, puedes JPG, logos, todos los elementos de tu marca lo puedes subir aquí y entonces Claude va a hacer toda una identidad alrededor de esto. Entonces, como todo está concentrado en un solo lugar, todo lo que hagas, todos los diseños que haga, van a respetar tu identidad, van a respetar tu identidad visual y va a aprender Claude de esta identidad visual y lo va a aplicar en todos los diseños que hagas.
Creando una identidad de marca. Vamos a hacer esto en vivo. Vamos a aprovechar el sistema de diseño de Academia Yalaf. Academia Yalaf ya tiene una identidad de marca, pero vamos a ver qué qué nos propone. Entonces, vamos a hacerlo en vivo.
Entonces, vamos a empezar por irnos aquí. Muy bien, empecemos con el sistema de diseño de Academia Yalaf y me voy aquí a Sistema de Diseño [música] y le voy a decir crear un nuevo sistema de diseño. Aquí, por supuesto, voy a poner el nombre en este caso. Luego le voy a poner una pequeña descripción de lo que es el canal. Si tengo algún archivo .fig de Figma, también lo puedo subir aquí. Tampoco tengo en este caso, pero lo que sí tengo son fuentes, logos y assets. [música]
Entonces, voy a subirlos. Aquí he subido tanto imágenes, logotipo, imágenes de miniaturas y otros detalles. Y en otros voy a poner toda la descripción de que tengo en el canal de YouTube, así como que también me gustan los colores negros y amarillos. Perfecto. Una vez que ya tengo todo listo, continúo. Y aquí es uno de los puntos débiles, que ya lo veremos. Va a tardar aproximadamente 15 minutos en generar el sistema de diseño. Vamos a darle generar y vamos a esperar.
Listo. Tardó mucho más de 10 minutos, en realidad tardó como 20 minutos [música] en tener todo el sistema de diseño, pero puedes ver que ya tiene listo todas las secciones de la marca de diseño, componentes, colores, tipografía, slides, todo está listo. Entonces, con esto vamos a empezar a diseñar.
Crear una landing page. Una vez creado nuestro sistema de diseño, como ya está la identidad de marca, le voy a proporcionar un prompt que solamente hable de la landing page. En este caso, diseña una landing page para Academia Yalaf. Es una página para mostrar cursos, quiere una sección hero, una sección sobre el canal de YouTube, estilo minimalista, moderno y profesional. Normalmente cuando yo hago una página doy muchas más indicaciones, muchos más textos, colores, fuentes, etcétera. Pero como aquí está creada la identidad de marca, en teoría nada más tengo que proporcionar esto para crearlo. Entonces vamos a proporcionar el prompt.
Una vez que terminó, puedes ver todas las cosas que he ido construyendo aquí en la pestaña de Archivos de Diseño. No solamente la página web que construyó con todos sus elementos, sino colores. Por ejemplo, aquí en los slides puedes ver todas las distintas slides que generó para la presentación. Puedes editar aquí en tiempo real, puedes hacer comentarios, puedes hacer cambios directamente. Aquí le pide exactamente cambia esto o cambia la tipografía. Es decir, te permite, tienes mucho control de lo que te presenta y cómo irlo modificando en tiempo real.
El resultado final, debo admitir que me impactó y mucho para hacer algo que no le di más textos que la información que le di, eh, las pocas imágenes que le di el prompt que le di, estoy impactado de lo bien hecha que está esta página. Me gusta el diseño. De hecho, es una página que sí, posiblemente utilice para el nuevo rediseño de Academia Yalaf. Es una muy muy buena página. Estoy muy impactado con el resultado y algo increíble es que te permite exportar lo que creó como PDF, como un ZIP, como un PowerPoint. Te lo permite exportar a Canva como un HTML a a Cloud Code. Es decir, puedes exportarlo de todas las maneras habidas y por haber para que lo utilices.
Limitaciones. Creo que tiene todavía el sistema algunas limitaciones. Uno es el research preview. A veces tiene bugs, a veces no me dio lo que estaba esperando, a veces puede cambiar, puede fallar, no es un producto terminado, todavía se está construyendo en público. La segunda parte es que funciona bien en el navegador web. Todavía no, al día de hoy todavía no funciona en la aplicación, no está en la app de escritorio, solo en la terminal, solo en web. [música]
Ahora el elefante en el cuarto, nada más acabo de diseñar la página web y me está diciendo que llegué a mi límite de tokens y que tengo que resetearlos en 24 horas. Este siempre va a ser el problema de Claude, aunque la herramienta es magnífica. Solamente me permitió hacer la identidad y la página web y tengo que resetear en 24 horas. Sin embargo, puedo seguir utilizando Claude. El uso de Claude es normal, solamente es en Cloud Design donde ya no me permite mi Claude, sigo pudiéndolo usar, solamente está bloqueado aquí.
Y cuatro, y esto lo digo con mucha honestidad, [música] todo el mundo estamos aprendiendo a usarlo. Esto lo lanzaron el día de ayer. Yo todavía estoy aprendiendo a usarlo. Vamos, todos los que tenemos las bases de usar Claude y usar carpetas y usar archivos, ya sabemos cómo funciona Claude, pero la realidad es que estamos todavía aprendiendo a usar y ver los resultados que está haciendo.
Los ejemplos que pone Anthropic son impresionantes [música] y yo he obtenido algunas cosas experimentando desde ayer con esto muy buenas. El potencial está ahí, creo que esto es algo que tiene un potencial enorme que va a ir creciendo.
Ahora, aquí quiero hacer una nota muy importante. Mi primer carrera es Diseño de la Comunicación Gráfica. Ojo a la WAM. Cuando estudié, pues yo era de los pocos diseñadores que no quería usar ordenador. Se estaban introduciendo los ordenadores y estoy hablando de las Mintos. Yo era de los diseñadores que decía, yo no necesito un ordenador para trabajar. Porque el verdadero diseñador no requiere de una computadora, requiere de todo el conocimiento y toda la planeación y todo lo que veíamos en aquel entonces en la carrera previo a hacer un diseño. Por supuesto, tuve que aprender a utilizar el ordenador y pues claro que se ha vuelto indispensable en mi trabajo de día a día.
Esto es otro paso como aquel, pero esto va mucho más allá, mucho más allá del cambio ordenador. Ah, ahora va a suceder que cualquier persona sin ningún conocimiento ya pasó en aquel entonces con el Corel Draw, que muchas empezaron a surgir muchas agencias chiquitas que hacían logos, ¿no?, y los daban muy baratos y se pervirtió el mercado. Esto va a ser algo muy semejante. Ahorita cualquier persona va a decir, "Ah, puedo hacer un diseño." Y por supuesto que van a poder hacer un diseño, pero como siempre digo, el verdadero conocimiento lo tienes tú. Tú sabes de identidad, tú sabes de investigación de mercados, tú sabes lo que tienes que hacer para hacer un verdadero buen diseño. Esto es una magnífica herramienta si tienes eso. Desgraciadamente creo que se va a pervertir el mercado un poco. Ya veremos cómo nos va en este mercado. Tiendo a ser positivo en que esto debes de aprender a usarlo y debes de aprender a tenerlo en tu arsenal como otra herramienta más. Así [música] lo hago yo y a continuación verás un video donde vemos todo sobre Cloud. Y espero que nos veamos en la próxima.