Quedan 472 de 500 cuposTanda 1: quedan 472 de 500 cuposAnotarmeSumarme a la lista de espera
LA CONSOLA

Y una herramientapara gobernarlo todo

Snapflow Cloud es donde ves, auditas y haces evolucionar cada design system, con sus agentes, sus componentes y sus tokens. Estas son las pantallas.

PROYECTOS

Todos los design systems de la cuenta

Cada marca o cada producto es su propio proyecto: quién entra, cuántos asientos ocupa, a qué frameworks exporta y en qué estado está su licencia.

app.snapflow.design / acme / proyectos
ProyectosAcme
ProyectosUn proyecto en esta cuenta.
A
Acme Webacme-web
Activo
3MIEMBROS
5ASIENTOS
2FRAMEWORKS
reactvue
3 de 5
PROYECTO

Licencia, archivos y claves de cada proyecto

Cada proyecto muestra su licencia con los asientos ocupados, los archivos de Figma asociados (el que trae el kit y los que lo consumen) y su clave de licencia.

app.snapflow.design / acme / proyectos / acme-web
ProyectosAcme
PROYECTOAcme Webacme-web
LicenciaActiva
Asientos3 de 5
Frameworksreactvue
Archivos de Figma
Acme KitKit
Acme Web · InicioConsumidor
Acme Web · CheckoutConsumidor
Para usar otro archivo como kit, ábrelo en Figma y corre "npx @snapflow-labs/onboard kit --rebuild". Los archivos de trabajo siguen con la librería anterior hasta que publiques la nueva.
Claves de licencia
sfk_••••••••••3F9a
Creada hace 3 días
Activa
MARCA

La marca del proyecto, editable en la consola

El color primario genera la escala completa, del 50 al 950, y se ve al momento en claro y en oscuro. Las perillas mueven el radio, la densidad, la sombra y el borde de todo lo que depende de ellos.

app.snapflow.design / acme / proyectos / acme-web / marca
ProyectosAcme
ACME WEBMarcaBorrador guardado.Listo para publicar
Color
El color primario genera toda la escala de la marca; botones, enlaces y acentos la usan en claro y en oscuro.
Color primario
brand · 600
Escala
50
100
200
300
400
500
600
700
800
900
950
ClaroUn enlace de marca
OscuroUn enlace de marca
Perillas
Cada perilla mueve todos los valores que dependen de ella; ninguno se cambia por su cuenta.
Radio de las esquinas6px
Densidad del espaciado4px
Intensidad de la sombra1px
Grosor del borde1px
PRIMEROS PASOS

De cero a tu primera pantalla

El recorrido se marca solo a medida que avanzas: framework, clave de licencia, instalador, el plugin de Figma, el kit y tu primer playground.

app.snapflow.design / acme / primeros-pasos
Primeros pasosAcme
Primeros pasos
PRIMEROS PASOSDeja Snapflow funcionandoLo que falta para que Snapflow funcione en tu equipo. Los pasos se marcan solos a medida que avanzas.4 de 6 pasos
El recorrido
Elige el framework baseEn qué framework se genera el código de tu proyecto.
Hecho
Tu clave de licenciaLo que identifica a tu organización. La necesitas en el paso siguiente.
Hecho
Acmesfk_••••••••••3F9a
3
Instala SnapflowUn comando instala todo y deja listo a tu asistente.
Pendiente
npx @snapflow-labs/onboard --license sfk_...
Abre el plugin en FigmaInicia sesión con la misma cuenta de este portal.
Hecho
5
Construye y publica el kitTu asistente lo construye con tu marca; tú publicas la librería.
Pendiente
Tu primer playgroundUn proyecto de ejemplo para probar el código que genera Snapflow.
Hecho
USUARIOS

Quién entra y con qué rol

Todas las personas con acceso a la cuenta y los proyectos en que trabajan, desde el owner hasta quienes solo leen el sistema.

app.snapflow.design / acme / usuarios
UsuariosAcme
UsuariosTres personas con acceso a esta cuenta.
Correo
A
ana@acme.co
Acme Web · owner
L
leo@acme.co
Acme Web · admin
M
mia@acme.co
Acme Web · reader
FACTURACIÓN

Asientos, ciclo y complementos, en un solo lugar

Mensual o anual, suma o quita asientos cuando quieras y agrega frameworks por proyecto. Los pagos van por Stripe: la tarjeta nunca toca los servidores de Snapflow.

app.snapflow.design / acme / facturacion
FacturaciónAcme
FacturaciónPlan, asientos y facturas de esta cuenta.
CICLO DE COBRO
ASIENTOS
3Suma o quita asientos cuando quieras, con prorrateo.
El pago lo procesa Stripe. Tu tarjeta nunca toca los servidores de Snapflow.
Resumen del pedido
3 asientos × US$32,50 × 12 mesesUS$1.170,00
Ciclo de cobroAnual
Descuento del ciclo anual−US$234,00
A pagar hoyUS$1.170,00
Se renueva automáticamente cada año.
Complementos de frameworkLos mismos tokens y la misma accesibilidad en cada framework.
VueExporta componentes de Vue 3.
en 1 proyectoUS$9,00 por asiento / mes

Los agentes

EN DESARROLLO

Tres y cada uno hace un trabajo distinto dentro del sistema.

GOVERNOR

Deriva la rampa completa, los estados y el modo oscuro, y rechaza las combinaciones que no pasan contraste.

AUDITOR

Revisa el sistema contra sus propias reglas: drift de tokens, accesibilidad, versiones atrasadas.

COMPOSER

Arma las pantallas con los componentes que existen, nunca con unos nuevos.

Qué hay dentro

Los módulos de la consola, del proyecto hasta los accesos.

01

Proyectos

Cada marca o producto es un design system independiente, con sus miembros, sus asientos y sus frameworks.

02

Licencia y asientos

El plan del proyecto, cuántos asientos ocupa de los contratados y qué frameworks tiene habilitados.

03

Archivos de Figma

El archivo que trae el kit y los que lo consumen, asociados al proyecto y visibles desde la consola.

04

Claves de licencia

Una clave por organización, con su estado y la fecha en que se creó.

05

Usuarios y roles

Quién entra a cada proyecto y con qué rol, del que gobierna las reglas al que solo consume.

06

Facturación

Ciclo mensual o anual, asientos, complementos de framework y facturas, en un solo lugar.

07

Primeros pasos

El recorrido desde el framework hasta tu primer playground, que se marca solo a medida que avanzas.

08

API, CLI y MCP

Proyectos, componentes, tokens, exports y auditoría. Versionado, con spec OpenAPI y tu llave para conectar el agente.

ACCESO

Quince días gratis

Cuando entras, conectas tu Figma y tu repo, y el sistema toma tu marca.