Cómo editar en Figma

Aprende a editar diseños, texto y componentes en Figma. Este breve tutorial cubre todo lo que necesitas para empezar a editar archivos de Figma como un profesional.

Crea vídeos y documentación de producto impactantes con IA

Este tutorial se creó con Trupeer en menos de 5 minutos

Crea gratis

Esta guía ofrece un proceso detallado para editar una barra de plantillas en tu aplicación de diseño. Siguiendo estos pasos, aprenderás a seleccionar, insertar y modificar diversos elementos como formas, texto e imágenes.
Además, descubrirás cómo utilizar distintas opciones de edición para personalizar eficazmente tu diseño.

Figma ofrece una interfaz flexible para editar desde texto simple hasta complejas formas vectoriales y componentes. Así es como navegar por diferentes escenarios de edición:

1. Edición básica de objetos

Seleccionar elementos: Haz clic para seleccionar un objeto, o arrastra un cuadro de selección para seleccionar varios elementos.
Modificar mediante la barra de herramientas: Usa la barra de herramientas para cambiar el relleno, trazo, tamaño, posición, opacidad y más.
Menú contextual: Haz clic derecho en cualquier elemento para acceder a opciones como agrupar, traer al frente, alinear, etc.

2. Edición de texto

Hacer doble clic o Enter: Para editar texto, haz doble clic en el cuadro de texto o presiona Enter con él seleccionado.
Edición múltiple de texto: Selecciona varias capas de texto, luego haz clic derecho > Seleccionar capas coincidentes > Editar texto múltiple para cambiarlas simultáneamente.

3. Edición de trazados vectoriales

Entrar en modo vectorial: Selecciona una forma y haz clic Editar objeto en la barra de herramientas o presiona Enter.
Editar puntos de anclaje: Usa la herramienta Mover, la herramienta Pluma o la herramienta de curvatura para manipular puntos y curvas.

4. Edición de componentes

Componente principal: Para editar el origen, haz clic derecho en la instancia > Ir al componente principal. Los cambios realizados aquí se reflejarán en todas las instancias.
Aplicar anulaciones: Modifica una instancia y usa Enviar anulaciones al componente principal para actualizar el componente globalmente.

5. Edición de imágenes

Reemplazar imagen: Selecciona la imagen y luego haz clic en Reemplazar imagen en el panel de diseño.
Ajustar configuración: Usa el panel de propiedades de la imagen para ajustar el brillo, el contraste, la saturación, etc.
Girar o recortar: Haz clic en la imagen y usa los controles de rotación o el modo Recortar en la barra de herramientas.

6. Acceso de edición y duplicación de archivos

Solicitar acceso de edición: Si un archivo es solo de lectura, haz clic en Solicitar acceso de edición y espera la aprobación.
Duplicar archivo: Como alternativa, haz clic en el menú de opciones del archivo (tres puntos) > Duplicar en borradores para hacer tu propia copia editable.

Guía paso a paso: cómo editar en Figma

Paso 1

Comienza abriendo un diseño de tu elección para editar dentro de la barra de plantillas.

Begin by opening a design of your choice to edit within the template bar.

Paso 2

Selecciona el objeto que deseas editar.

Paso 3

Procede a insertar un nuevo objeto según sea necesario. Tienes la opción de insertar varias formas, como rectángulos.

Proceed to insert a new object as needed. You have the option to insert various shapes, such as rectangles.

Paso 4

Añade o edita texto seleccionando la herramienta de texto.

Add or edit text by selecting the text tool.

Paso 5

Utiliza las opciones de edición disponibles para mejorar tu diseño, usando las opciones de marco, slice y sección.

Utilize the available editing options to enhance your design - by using frame, slice and section options.

Paso 6

Puedes añadir imágenes a tu diseño, según tus preferencias.

You can add images to your design.a per your preferences.

Paso 7

Explora varias funciones de edición una vez que tengas acceso al diseño. Este bloque permite una personalización sencilla según lo desees.

Explore various editing features once you have access to the design. This block allows easy customization as desired.

Paso 8

Este proceso proporciona un enfoque sencillo sobre cómo editar en Figma. Gracias por seguir esta guía.

This process provides a straightforward approach on how to edit a figma. Thank you for following this guide.

Consejos profesionales para editar en Figma

Selecciona el elemento para editar:
Haz clic en el elemento (marco, forma, texto, etc.) que quieras editar. Puedes usar la Herramienta de selección (V) para seleccionar varios objetos a la vez y hacer ediciones en grupo.
Usa el panel de capas:
Utiliza el Panel de capas en el lado izquierdo para navegar entre diferentes capas y elementos. Puedes ocultar, bloquear u organizar capas para facilitar el acceso mientras editas.
Edición de texto:
Para editar texto, haz doble clic en el cuadro de texto o selecciona el elemento de texto y luego escribe directamente en el campo de texto. También puedes cambiar la fuente, el tamaño, la alineación y otras propiedades del texto en la barra de herramientas superior.
Ajustes de formas y color:
Para formas y vectores, puedes editar sus propiedades (por ejemplo, color, borde, sombra) en la barra lateral derecha. Ajusta las dimensiones, la rotación y la opacidad usando las opciones disponibles.
Componentes y estilos:
Para editar un componente, haz clic con el botón derecho y elige Editar componente principal. Los cambios realizados en el componente principal actualizarán todas sus instancias en tu diseño.
Usa redes vectoriales para una edición precisa:
Figma te permite editar formas vectoriales usando redes vectoriales. Usa la Herramienta Pluma (P) para crear o modificar trazados vectoriales, ajustar puntos de anclaje y afinar curvas.

Errores comunes y cómo evitarlos al editar en Figma

Editar accidentalmente la capa equivocada:
Solución: Mantén tus capas bien organizadas y usa el Panel de capas para localizar y seleccionar rápidamente el elemento correcto. Bloquea las capas que no estés editando actualmente para evitar cambios accidentales.
Cambios no intencionados en los componentes:
Solución: Si quieres editar una instancia sin afectar al componente principal, desvincúlala haciendo clic con el botón derecho y seleccionando Desvincular instancia antes de realizar cambios.
No usar correctamente las restricciones:
Solución: Usa Restricciones para asegurarte de que los elementos se redimensionen correctamente cuando se cambie el tamaño del marco. Esto es especialmente importante para el diseño adaptable y al crear diseños móviles.
Complicar demasiado los diseños:
Solución: Evita añadir demasiados elementos o detalles innecesarios. Mantén tu diseño simple y funcional centrándote en la claridad y la usabilidad.
Olvidar comprobar la alineación:
Solución: Usa guías inteligentes y herramientas de alineación para asegurarte de que tus elementos estén correctamente alineados y espaciados. Usa la Herramienta de alineación en la barra de herramientas superior para ajustes precisos.

Preguntas frecuentes comunes para editar en Figma

¿Puedo editar mi diseño de Figma sin conexión?
Figma es principalmente una herramienta basada en la nube, lo que significa que necesitas una conexión a Internet para editar tus diseños. Sin embargo, la aplicación de escritorio de Figma te permite realizar ediciones limitadas sin conexión, y tu trabajo se sincronizará cuando vuelvas a estar en línea.
¿Cómo deshago una edición en Figma?
Puedes deshacer cualquier acción presionando Ctrl + Z (Windows) o Cmd + Z (Mac). Para rehacer, usa Ctrl + Mayús + Z (Windows) o Cmd + Mayús + Z (Mac).
¿Puedo editar formas vectoriales en Figma?
Sí, Figma permite la edición completa de vectores. Usa la herramienta Pluma (P) o la herramienta de selección directa para editar trazados, curvas y puntos de anclaje.
¿Cómo edito una imagen en Figma?
Haz doble clic en la imagen para recortarla o ajustar su tamaño. También puedes aplicar efectos como sombras, desenfoques o ajustes de color usando la barra lateral derecha.
¿Puedo editar diseños de Figma creados por otra persona?
Sí, si tienes acceso de edición al archivo, puedes hacer cambios. Si solo tienes acceso de visualización, tendrás que solicitar permisos de edición.
¿Cómo grabar pantalla en Mac?
Para grabar pantalla en un Mac, puedes usar Trupeer AI. Te permite capturar toda la pantalla y ofrece capacidades de IA como añadir avatares de IA, añadir voz en off, y hacer zoom de acercamiento y alejamiento en el vídeo. Con la función de traducción de vídeo con IA de trupeer, puedes traducir el vídeo a más de 30 idiomas.
¿Cómo añadir un avatar de IA a una grabación de pantalla?
Para añadir un avatar de IA a una grabación de pantalla, tendrás que usar una herramienta de grabación de pantalla con IA. Trupeer AI es una herramienta de grabación de pantalla con IA, que te ayuda a crear vídeos con múltiples avatares, y también te ayuda a crear tu propio avatar para el vídeo.
¿Cómo grabar pantalla en Windows?
Para grabar pantalla en Windows, puedes usar la Barra de juegos integrada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para funciones más avanzadas, como avatares de IA, voz en off, traducción, etc.
¿Cómo añadir voz en off a un vídeo?
Para añadir voz en off a los vídeos, descarga la extensión de Chrome de trupeer ai. Una vez registrado, sube tu vídeo con voz, elige la voz en off deseada de trupeer y exporta tu vídeo editado.
¿Cómo hago zoom en una grabación de pantalla?
Para acercar el zoom durante una grabación de pantalla, usa los efectos de zoom en Trupeer AI, que te permiten acercar y alejar en momentos específicos, mejorando el impacto visual de tu contenido de vídeo.