Core Framework for Figma

El diseño y la web nunca acaban siendo lo mismo

Es el desgaste conocido de cualquier proyecto con diseñador y maquetador. En Figma el espaciado es de veinticuatro y en la web acaba en veinte. El azul de la marca aparece en tres tonos ligeramente distintos. Se cambia un color en el diseño y nadie se acuerda de tocarlo en el sitio.

Core Framework ataca eso desde la raíz: en vez de que el diseño y el código sean dos cosas parecidas, hace que compartan el mismo sistema. Esta licencia es la que conecta las dos mitades.

Qué es Core Framework

Un sistema de diseño y un marco de estilos que se construye visualmente, sin escribir CSS. Se definen los colores, las escalas de espaciado, la tipografía y los componentes, y de ahí salen las clases y las variables que luego se usan al maquetar.

Funciona como aplicación en el navegador y como plugin de WordPress, y ahí se integra con el editor de bloques, con Bricks y con Oxygen, sin necesidad de licencias distintas para cada uno.

Qué aporta la parte de Figma

La sincronización. Con la clave de licencia puesta en el complemento de Figma, los proyectos se sincronizan entre la aplicación de Core Framework o el plugin de WordPress y el propio Figma, usando el identificador del proyecto o la clave de acceso.

La consecuencia práctica: el diseñador trabaja en Figma con las mismas variables y los mismos componentes que va a haber en la web. No hay traducción de por medio, y por tanto no hay pérdida. Cuando cambia una decisión de diseño, cambia en el sistema, no en dos sitios.

Para quién compensa y para quién no

Compensa en equipos donde diseño y desarrollo son personas distintas, y en agencias que montan muchos sitios y quieren que todos partan del mismo sistema en vez de reinventarlo cada vez.

No compensa si trabajas solo y maquetas directamente sobre el constructor sin pasar por Figma: estarías montando un flujo de trabajo para un problema que no tienes. El marco de estilos por sí mismo tiene versión abierta y gratuita, así que se puede probar antes de decidir si la parte de sincronización te hace falta.

Sobre licencias y GPL

En el ecosistema de WordPress el código se distribuye bajo licencia GPL y su uso es libre. La sincronización con Figma es un servicio que valida contra los servidores del fabricante, igual que su soporte, y se contrata con él. No son lo mismo, y comprar uno no es comprar el otro. La activación de esta licencia en tu proyecto la deja lista el equipo de GPLClub.