Advertisement
  1. Web Design
  2. UX/UI
  3. UI Design

4 formas de cambiar el tamaño de los elementos en Figma

Scroll to top
Read Time: 3 min

() translation by (you can also view the original English article)

En este consejo rápido te mostraré 4 maneras de cambiar el tamaño de los elementos en Figma, en caso de que el método predeterminado no se comporte como esperas. ¡Empecemos!

Cambiar el tamaño de los elementos en Figma

Aquí hay una versión completa en video del tutorial. Síguenos en nuestro canal de YouTube Envato Tuts+:


1. Predeterminado: Clic y arrastrar

Por defecto en Figma, para cambiar el tamaño de un elemento solamente necesitas seleccionarlo, luego, agarrar uno de los controles de transformación y arrastrar el objeto según lo necesites. Sus dimensiones se mostrarán en la información sobre las herramientas a medida que lo hagas.

Figmas Scale ToolFigmas Scale ToolFigmas Scale Tool

Presiona SHIFT mientras haces esto y restringirás las proporciones.

Al hacer clic y arrastrar no funciona

Verás que a veces este enfoque no funciona como cabría esperar; algunas veces falla en objetos con trazos. Por ejemplo, este icono, cuando se escala con la misma técnica, se distorsiona por completo porque el trazo permanece del mismo ancho:

stroke width in figmastroke width in figmastroke width in figma

Para evitar esto es necesario hacer las cosas de manera diferente...

2. Herramienta de escala de Figma

La herramienta de escala en Figma se puede encontrar aquí (o mediante el atajo de teclado K):

Figmas Scale ToolFigmas Scale ToolFigmas Scale Tool

El cursor cambiará ligeramente, y ahora puedes hacer clic y arrastrar los controles de la misma manera, pero conservar la proporción del ancho del trazo a medida que cambias el tamaño del objeto.

3. El inspector de propiedades

Si deseas cambiar el tamaño de un objeto con extrema precisión, busca los campos de anchura y altura en el inspector:

The Properties InspectorThe Properties InspectorThe Properties Inspector

Arrastra los valores con el cursor del ratón o introduce los valores con el teclado.

Bono de Matemáticas

Como un buen extra incluso se puede realizar operaciones matemáticas en los campos del inspector. Introducir 300+150 se resolverá en 450 (por ejemplo) y todas las demás operaciones comunes funcionarán muy bien.

4. Atajos de teclado

Por último, la última forma de cambiar el tamaño de los objetos en Figma es con los atajos de teclado. Selecciona un objeto y, a continuación, presiona CTRL en Windows o COMMAND en Mac y, a continuación, utiliza las teclas de flecha para aumentar el ancho o alto del objeto 1px a la vez. Presionar SHIFT al mismo tiempo aumentará el incremento a 10px para acelerar las cosas.

¡Eso es todo!

¡Y esas son las 4 formas en las que puedes cambiar el tamaño de los objetos en Figma! Espero que hayas disfrutado de esta guía rápida, y no te olvides de echar un vistazo a nuestros otros recursos de Figma que se enumeran a continuación.

Más consejos rápidos de Figma

Aprende más sobre Figma con nuestros tutoriales escritos y guías de video:

Recursos de Figma (Gratis y Premium)

¡Inspírate con estos redondeos de kits de interfaz de usuario y experiencia de usuario para Figma, gráficos, kits de iconos y mucho más!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.