Figma: Migración de componentes locales a bibliotecas compartidas | Gavin Chimsombat | Junio ​​2021 – Usabilidad web y seo

Figma: Migración de componentes locales a bibliotecas compartidas | Gavin Chimsombat | Junio ​​2021

Vistas: 49
0 0
Tiempo de lectura:2 Minutos, 52 Segundos

Qué hacer si le resulta más fácil construir una nueva casa que mover componentes

Gavin Chimsombat
Arte de portada para mover un símbolo de componente Figma entre dos cajas diferentes

El problema más común al crear un sistema de diseño es que cuando llega el momento de extender y convertir el archivo a un sistema basado en una biblioteca, tiene este componente bellamente diseñado en un archivo local y no hay una buena manera de moverlo sin romper 50+ anula el texto y los subcomponentes dentro de cada instancia. No se preocupe más, ya que ahora tengo una guía simple para hacer esto:

Descargo de responsabilidad: este método no transfiere ninguna anulación que usted haría

Si tiene un componente muy simple que necesita ser movido, como un ícono:

  1. Copie el duplicado en el archivo de biblioteca (no olvide publicar el archivo de biblioteca especificado)
A. Paso 1 de 6

2. Vuelve a tu larchivo de trabajo local (en este caso, el archivo de inicio de sesión en el que se creó originalmente el icono) y asegúrese de incluir el archivo de biblioteca que acaba de publicar.

A. Paso 2 de 6

3. Utilice un complemento de selección como Similayer o Select Layers para seleccionar todo a la vez.

A. Paso 3 de 6

4. Una vez que haya seleccionado los objetos deseados en la página, reemplácelos todos a la vez usando la barra lateral de Anulación de componentes (en el panel derecho).

A. Paso 4 de 6. La biblioteca vinculada aparecerá en la parte inferior.

5. Repetir 3 y 4 para cada página de su archivo

6. ¡Listo!

¡¡Okey!!

Bueno, antes de ir a su archivo y comenzar a jugar con complementos y opciones, hay un pequeño problema. Esta opción no aplica cualquier anulación o cambio que haya realizado… Así que, descaradamente, revise TODAS las instancias y rehaga la mayoría de las anulaciones mientras se considera un diseñador trabajador. Esto nos lleva a la segunda opción:

La mayoría de los componentes que crea se pueden anular de alguna manera, ya sea un simple cambio de color o estructuras de texto complejas con diseño automático. Para ahorrarse todas las molestias, le sugiero que comience a usar un excelente complemento de pago llamado Master.

Complemento maestro de https://gleb.sexy

El complemento en sí tiene muchas características útiles. Pero en este artículo, solo me centraré en la migración principal.

Así es cómo:

  1. Duplique el componente principal en la biblioteca y selecciónelo (en el archivo de biblioteca especificado)
B. Paso 1 de 7

2. Haga clic derecho y seleccione ‘Complementos> Asistente> Seleccionar componente de destino’ al elegir el componente principal.

B. Paso 2 de 7

3. Recuerde publicar el archivo de la biblioteca antes de volver al archivo local (e importarlo en el archivo local designado).

B. Paso 3 de 7: publique e importe como lo hizo con A.

4. Seleccione Dueño componente encendido Archivo local

B. Paso 4 de 7

5. Haga clic derecho y seleccione “Complementos> Asistente> Vincular objetos al componente de destino ‘ al elegir el componente principal.

B. Paso 5 de 7

6. El complemento encontrará cada instancia del archivo, la reemplazará por una nueva y redefinirá todo en consecuencia.
7. ¡Eso es! Hecho. En realidad.

¡Pista de la victoria!

Tenga en cuenta que este método solo funcionará con componentes idénticos con diferentes anulaciones.

Si tiene dos copias similares pero no exactas de los dos componentes principales entre el archivo (debido al hecho de que varios diseñadores trabajan en el archivo y terminan desarrollando un componente similar dos veces), esto no funcionará y puede causar algunos artefactos y errores. . ¡Continúe con precaución!

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Robar la plantilla de descripción del puesto de nuestro especialista en SEO
Next post Los mejores consejos para hacer crecer los seguidores de LinkedIn

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta