Tutorial figma 3 - Como enviar su proyecto

 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.



 

Comentarios

  1. lila lopez27 de abril de 2024, 18:23

    https://www.figma.com/file/bsS0ebhtF09VNTkyIqtL8Z/proyecto-lila?type=design&node-
    id=0%3A1&mode=dev&t=HK4sS6Yw1OyUz1JX-1

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Para alumnos de 8° (Uso de figma) 09-03-2024

Imagen
 Uso de figma 1.- Una vez ingresamos con nuestra cuenta en figma, para crear un nuevo proyecto, hacemos clic en design file.   2.- Vamos a seleccionar el tamaño que tendrá nuestro proyecto con frame, elegiremos el de desktop en el lado derecho. 3.- Damos click en donde dice untitled para renombrar nuestro proyecto.   4.- Seleccionamos el lienzo que creamos, y del lado derecho vamos a hacer click en el más donde está el layout grid.   5.- Donde dice grid 10px damos click para que se despliegue otra ventana.   6.- En esta nueva ventana vamos a definir el número de columnas con las cuales vamos a trabajar para organizar los elementos de nuestro diseño, en donde dice grid lo cambiamos a columns, donde dice count lo cambiamos a 12 y donde dice margin le ponemos 80.   7.- Usando nuestras columnas podemos empezar a diseñar nuestra página, va a ser algo similar a diseño editorial, para acomodar los elementos dentro de las columnas.   8.- Voy a crear mi texto usando la herramienta de T o presio
Leer más

Para alumnos de 6° (08/08/2020) PROYECTO

Imagen
Materia: Señalética El Manual Señalético El manual señalético es el documento en el que vamos a plasmar las directrices de diseño que se van a utilizar en el proyecto. Normalmente esta dividido en las siguientes secciones 1.- Presentación: En esta sección se presenta el proyecto, se plantea a quién va dirigido y los alcances del mismo, de igual manera si es un proyecto independiente o parte de un sistema de identidad corporativa. 2.- Elementos gráficos: En esta sección se presentan los elementos gráficos que intervendrán dentro del sistema, así como sus retículas de construcción, esto incluye, iconos, pictogramas, flechas y demás grafismos ornamentales. 3.- Tipografía: En esta área del manual se plantean los criterios en el uso de la tipografía permitida dentro del sistema de señales, tanto en cuanto a tipos como en tamaños y grosores. 4.- Código cromático: Este espacio es en el que se indican los colores que se van a utilizar dentro del sistema señalético y los criteri
Leer más

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
Leer más