Cómo optimizar trabajos en figma

Te compartimos nuestros Features favoritos de Figma para agilizar tu workflow

Constraints

Nos facilita mucho el trabajo para crear interfaces responsive, es decir que se adapten a distintas pantallas. Vamos a setear la imagen a Scale y el texto a Left y Top, entonces al achicar el recuadro el contenido se adaptará manteniendo la alineación configurada.

Styles

Nos ayuda a tener consistencia en nuestros diseños. Podés copiar y pegar rellenos, bordes y efectos de una forma a otra. Para copiar todos los estilos de una forma (por ejemplo color de relleno y sombra) utilizá Command + Option + C o
Ctrl + Alt + C y pegá sobre la nueva forma usando también Command o Ctrl + V. Si sólo queremos copiar el color, seleccionamos en el panel Diseño, copiamos Command + C en Mac o Ctrl + C en Windows y pegamos donde queramos.

Styles

Nos ayuda a tener consistencia en nuestros diseños. Podés copiar y pegar rellenos, bordes y efectos de una forma a otra. Para copiar todos los estilos de una forma (por ejemplo color de relleno y sombra) utilizá Command + Option + C o
Ctrl + Alt + C y pegá sobre la nueva forma usando también Command o Ctrl + V. Si sólo queremos copiar el color, seleccionamos en el panel Diseño, copiamos Command + C en Mac o Ctrl + C en Windows y pegamos donde queramos.

Grids

Las grillas nos ayudan a organizar el contenido de los artboards. Es útil tanto para diseñadores como para desarrolladores. Podemos ingresar exactamente cuántas columnas o filas queremos, setear el espacio entre ellas, el color y su alineación. También podemos ingresar divisiones o multiplicaciones y Figma las resolverá. Además podemos guardar las grillas que creemos para utilizar en otros documentos.