Тёмный

🎨 ¿Cómo diseñar multimarca con variables en Figma? Hack del límite de 4 modos - Swap collections 

Figma resources - Raúl Marín
Подписаться 14 тыс.
Просмотров 1,4 тыс.
50% 1

Repasamos algunos plugins que facilitan el trabajo con variables de Figma y vemos como aplicar un "swap" de colecciones para poder diseñar multimarca y burlar el límite de 4 modos de Figma en los planes Pro y Org.
Índice:
0:00 - Intro
0:45 - Creación masiva de variables sin pasar por estilos
1:49 - Merge de color con variables y detach de variables no necesarias
4:03 - Concepto de variables/tokens semánticos
6:07 - Creando variables semánticas
9:09 - Duplicación de Collections
11:22 - Aplicación de variables - Modos y concepto de alias
14:46 - Intercambiando colecciones - Swap collections
17:34 - Despedida

Опубликовано:

 

26 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@tanyacequi6556
@tanyacequi6556 6 месяцев назад
¡Gracias!
@RaulMarin_Figma
@RaulMarin_Figma 6 месяцев назад
Uou gracias por el regalazo ;)
@tanyacequi6556
@tanyacequi6556 6 месяцев назад
Esto es una joya, un montón de plugins que ayudan al proceso (esperemos Figma ofrezca todas esas funcionalidades de forma nativa). Muchas gracias Raúl!
@RaulMarin_Figma
@RaulMarin_Figma 6 месяцев назад
Gracias por comentar Tanya, a mi también me parece una de las píldoras más útiles que he preparado para el canal ;)
@debdeb11337
@debdeb11337 6 месяцев назад
Muy interesante, gracias Raúl!
@araujooskr9492
@araujooskr9492 5 месяцев назад
Hola Raúl, cómo siempre, un total gusto ver tus píldoras . Consulto, si estoy trabajando un proyecto usando MD3, que me recomiendas para gestionar las variables de color multimarcas? Agradecido siempre
@Cristina-jv4tp
@Cristina-jv4tp 5 дней назад
Hola Raúl, antes de nada muchas gracias por todos tus vídeos!!! Estoy trabajando con un proyecto multimarca y estoy teniendo problemas con los estilos de texto cuando cambio entre librerías. Yo he hecho lo siguiente, creé las variables para la tipog. (size, family, weight, etc) y luego hice los estilos linkando a las variables. Estuve probando con los plugin Variables Pro y Swap Variables, con los mismos resultados. Cuando hay creado un estilo de texto, aun linkando a variables, no funciona bien, has tenido el mismo problema?
@ismaeltenorio8581
@ismaeltenorio8581 6 месяцев назад
Buenas Raúl gracias por el video. Yo a nivel de DS lo veo un poco raro el workflow a nivel de multimarca. Normalmente los sistemas multimarca cambian precisamente los primitivos por ejemplo si hubiese un primitivo que se llamase brand, cambiarían los valores de ese Brand. He estado haciendo una prueba parecida a la que comentas pero he creado por fuera los primitivos de otro brand para hacer el swap (lo que no me gusta de la prueba que he realizado es lo que no me gusta del swap library de siempre que es que solo afecta a las instancias). Por otro lado tampoco me gustaria tenerlo en los modos las diferentes brand porque me obligaria a registrar las variables semánticas y de componentes de cada una de las marcas.
@RaulMarin_Figma
@RaulMarin_Figma 6 месяцев назад
Hola Ismael gracias por comentar y por aportar tu visión, se agradece de verdad. Sobre lo que comentas seguro que tiene todo el sentido en algunos casos. En este caso intentaba ser más educativo que técnico... ;) A mi los modos, en la mayoría de los casos, sí me parecen la mejor forma de gestionar multibrand, vengo de usar Tokens Studio y es mucho más sencillo de gestionar todo desde aquí, incluso generando variables super específcias... Pero este temazo da para miles de horas de debate según el equipo y el cliente. 🙌
@ismaeltenorio8581
@ismaeltenorio8581 6 месяцев назад
@@RaulMarin_Figma Buenas, a mi también me parece que los modos es lo más correcto para gestionar la multimarca pero también veo que el uso de los modos implica gestionar todos los tokens en la misma colección y a nivel de sistema de diseño, desde mi punto de vista es más mantenible mantener solo tokens por ejemplo semánticos o primitivos y no mantener tokens a nivel de componente. Pero bueno es complicado explicarlo también desde aquí. Lo que queria transmitir era que me parecía bastante improbable usar modos de multimarca sin cambiar los primitivos que era lo que me chocaba. Gracias de nuevo y un saludo
@araujooskr9492
@araujooskr9492 5 месяцев назад
Me quedo una duda Raúl, si tengo los componentes en un frame, que integración debo asignar para que me cambie los colores según la marca, una vez creadas las variables?
@emapanarello
@emapanarello 6 месяцев назад
Muy buenooo, gracias. Consulta: Existe alguna opcion de hacer swap de tipografias? o de un plugin para saber la cantidad de usos que tiene un style de tipografia?
@RaulMarin_Figma
@RaulMarin_Figma 6 месяцев назад
Hola! Mmm, ¿a qué te refieres conn swap de tipografías? Eso ya se puede hacer de diferentes formas (aunque esperemos que lleguen pronto las variables de tipografía)...Lo del número de usos de tipografía creo que algo parecido lo hacia Type audit www.figma.com/community/plugin/1196671295892241766/type-audit
@tanyacequi6556
@tanyacequi6556 4 месяца назад
Hola Raúl! una duda en cuanto a manejo de sistemas multimarca: ¿Cómo gestionarías el cambio de estilos de texto entre diferentes sub-brands? Por ejemplo: Marca A maneja Helvetica, Marca B usa Courier, marca C: Comic Sans XD...? crearías librerías tipográficas para cada marca y swipearías las librerías en archivos de trabajo para que los componentes se actualicen según la marca? Eso implica manejar por un lado colores usando variables, y tipografías con estilos de texto y múltiples librerías :S Tienes alguna recomendación al respecto, en lo que salen las variables tipográficas? 🤔
@RaulMarin_Figma
@RaulMarin_Figma 4 месяца назад
Hola Tanya! ¿Cómo vas? Pues en principio para eso no hay muchas alternativas. O usas las 2 cosas o haces el apaño de hacer componentes también para el intercambio de tipografías como conté en este video. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ErqdCym1YGY.html&ab_channel=Ra%C3%BAlMar%C3%ADn-Figmatraining
@tanyacequi6556
@tanyacequi6556 4 месяца назад
@@RaulMarin_Figma gracias por tu respuesta! Este método que mencionas en el video que compartiste también necesitaría crear distintas librerías tipográficas, cierto? Total que no hay forma eficiente de manejar tipografías diferentes para sistemas multimarca si no es con Tokens Studio por lo pronto… creo.