() translation by (you can also view the original English article)
Los marcos te permiten combinar capas bajo un único padre. A diferencia de los grupos, los marcos en Figma han establecido explícitamente dimensiones (muy parecido a un iframe HTML). Aquí están algunos magníficos consejos y trucos para cuando estés trabajando con marcos.
Mira los Consejos
1. Anida Objetos Dibujando Marcos Alrededor de Ellos
Utiliza la herramienta Frame (F) para dibujar un marco alrededor de un conjunto de objetos en tu lienzo; instantáneamente se convertirán en objetos hijo del marco, sin que necesites manualmente arrastrarlos y soltarlos en un nuevo marco.
2. "Redimensiona para Encajar" Marcos al Instante
Una vez que tengas un marco alrededor de un grupo de objetos puedes pulsar el botón Resize to Fit (Redimensionar para Encajar) para hacer que el marco se ajuste alrededor de todo el grupo.
3. Cómo Escalar Marcos y Su Contenido
Por defecto, si redimensionas un marco, su contenido no será afectado (sino cortado). Sin embargo si quieres escalar el contenido también, toma la herramienta escalar Scale (K) y redimensiona el marco; todo el contenido se redimensionará uniformemente junto con él.
4. Usa Limitantes en el Contenido del Marco
Puedes usar limitantes para controlar cómo un objeto hijo se comporta cuando su marco padre es redimensionado. Por defecto, si redimensionas un marco al arrastrar su manejador de la esquina inferior izquierda, todo el contenido quedará colocado en el mismo lugar, en relación a la esquina superior derecha. Sin embargo, al seleccionar un objeto hijo y alterar sus valores en el panel Constraints (limitantes), pedes hacer que se pegue a cualquier borde o esquina que desees.
5. Seleccionando Múltiples Limitantes
Puedes seleccionar limitantes en todos los lados de un objeto si quieres; así que en lugar de pegar un objeto hijo a una esquina, o a un solo borde, puede apegarse a los cuatro lados del marco padre, estirándose de manera efectiva en todas las direcciones.
Recursos para Aprender Figma
Esos fueron unos consejos rápidos para trabajar con marcos en Figma. Para más material consulta nuestra serie de cursos:
Diseño IUIntroducción a Figma
FigmaMás Allá de las Bases: Figma
FigmaUna Guía para el Prototipado en Figma
- Agradecimiento especial para Carmel DeAmics y Valerie Veteto por sus habituales compendios de consejos de la comunidad-¡Consúltalos!
- blog.figma.com
- www.figma.com
- Grupos & Marcos: documentos de Figma
El kit IU usado en éste tutorial es totalmente compatible con Figma y disponible en Envato Elements:
