Entradas

Mostrando entradas de abril, 2024

Tutorial figma 3 - Como enviar su proyecto

Imagen
 Tutorial figma 3 - Como enviar su proyecto   1. Estando dentro de su proyecto, se van a botón de share.   2. En la ventana que se acaba de abrir, van a seleccionar Anyone with the link y que tenga la opción can view y le dan click a copy dev mode link , ese link es el que me van a enviar para que yo pueda revisar como quedó su página web.   3. Al darle clic a copy dev mode link, se copia el link de su proyecto, péguenlo en un archivo o directamente lo pegan en el chat de whatsapp para que yo lo pueda revisar.  

Tutorial figma no 2

Imagen
 TUTORIAL FIGMA NO. 2 Crear componentes y ligar páginas 1. Para crear un botón animado o cualquier otro elemento que requiera una pequeña animación, crearemos una página nueva. 2. La nueva página la renombramos como componentes (hacemos doble click para renombrarla).   3. Con la herramienta de rectángulo creo el botón, redondeo las esquinas, cambio el color y agrego texto.   4. Selecciono el rectángulo y el texto y los agrupo con ctrl+g.   5. Seleccionamos el grupo y hacemos click en create component.   6. Volvemos a hacer click en el mismo botón que ahora dice add variant.   7. Nos creará una copia del botón justo abajo, la copia tiene abajo un signo de más por si necesitamos agregar más copias.   8. En la copia vamos a cambiar un poco los colores para poder crear la animación al dar click sobre el botón.   9. Vamos a crear la animación dando click en prototype.   10. Cuando pasamos el cursor sobre los botones aparece un nuevo nodo con un signo de + en el cual hago click y arrastro ha