7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Figma

Consejos para trabajar con las propiedades en Figma

Scroll to top
Read Time: 3 mins
This post is part of a series called Figma Tips and Tricks.
Figma Project, Page & Artboard Tips
Figma Image Tips

Spanish (Español) translation by Benjamín Porras (you can also view the original English article)

Los objetos pueden tener una serie de propiedades aplicadas a ellos en Figma. En esta parte de nuestra serie de trucos y consejos de Figma veremos cómo trabajar con las propiedades, ¡mejor y más rápido!

Mira los consejos

1. Copiar una o varias propiedades entre objetos

En Figma puedes copiar todas las propiedades de un objeto, o puedes copiarlas de una en una. Para copiar todas las propiedades que tiene un objeto: selecciónalo, luego ve a Edit (Edición) > Copy Properties (Copiar propiedades), o usa el atajo (CTRL o CMD) + ALT + C, luego selecciona tu nuevo objeto y ve a Edit > Paste Properties (Pegar propiedades) o pulsa (CTRL o CMD) + ALT + V.

Para copiar solo una de las propiedades aplicadas a un objeto: selecciona el objeto, luego ve al panel Properties (Propiedades) y haz clic justo a la izquierda de una propiedad (como Fill (Rellenar)). Esto seleccionará esa propiedad, así que puedes pulsar (CTRL o CMD) + C para copiar. (CTRL o CMD) + V pegará esa propiedad en el objeto seleccionado.

Si mantienes pulsada la tecla SHIFT mientras seleccionas las propiedades individuales, podrás especificar exactamente las que quieres copiar.

Copy all properties in FigmaCopy all properties in FigmaCopy all properties in Figma

2. Suavizar las esquinas con "Squircles"

Puedes controlar cómo se redondean las esquinas usando algo conocido como "squircles". En un objeto con esquinas redondeadas, haz clic en la opción Independent Corners (Esquinas independientes) del panel de propiedades para controlar cada esquina de forma independiente, luego junto a los valores del radio pulsa el icono del menú para abrir el control deslizante Corner Smoothing (Suavizado de esquinas). Si se cambia este valor, se alterará la forma en que se calcula la curva, lo que dará diferentes efectos de suavizado de las esquinas.

Smooth Out Corners With Squircles in FigmaSmooth Out Corners With Squircles in FigmaSmooth Out Corners With Squircles in Figma

3. Cambiar la cursiva, el subrayado y la negrita

Al igual que en una aplicación de procesamiento de textos, puede utilizar atajos para alternar entre cursiva (CTRL o CMD) + i, subrayado (CTRL o CMD) + u, y negrita (CTRL o CMD) + b cuando se selecciona un objeto de texto.

Toggle Italic Underline and BoldToggle Italic Underline and BoldToggle Italic Underline and Bold

4. Valores de scrub

En lugar de escribir los valores, puedes restregar los valores en un campo de configuración manteniendo pulsada la tecla ALT o la tecla OPTION (dependiendo de la plataforma), y luego arrastrando a la izquierda o a la derecha en ese campo.

Scrub Values in FigmaScrub Values in FigmaScrub Values in Figma

5. Potenciar los valores de color

Puedes refinar los valores del selector de color (o campo) pulsando las teclas de flecha arriba o abajo. Dale un impulso mayor manteniendo pulsada la tecla SHIFT al mismo tiempo.

La forma en que el color cambia depende de qué parte del código HEX se selecciona, ya sea uno de los tres pares de valores o el código completo.

Nudge Color Values in FigmaNudge Color Values in FigmaNudge Color Values in Figma

Recursos para aprender a usar Figma

Esos fueron algunos consejos rápidos para trabajar con propiedades en Figma. Para ayudarte a llevar las cosas al siguiente nivel tenemos una serie de cursos de Figma en Tuts+:

Los kits de interfaz de usuario utilizados en este tutorial son totalmente compatibles con Figma y están disponibles en Envato Elements:

Market Dashboard SalesMarket Dashboard SalesMarket Dashboard Sales
Ventas del tablero de control del mercado
First Order UIUX ToolFirst Order UIUX ToolFirst Order UIUX Tool
Herramienta UI/UX de primer orden
Instagram Posts PackInstagram Posts PackInstagram Posts Pack
Paquete de posts de Instagram
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.