ALCANCE Y GUÍA

Un estudio que crece con tus ideas.

Luma es un editor propio inspirado en flujos de Figma Design. Esta versión cubre herramientas de diseño y colaboración básicas; no reproduce toda la plataforma Figma e incorpora importación .fig en beta.

Tu espacio y tus datos

Cualquiera puede usar Luma. El editor de fotos funciona en tu dispositivo, sin iniciar sesión. Para crear proyectos en Studio, iniciá sesión con ChatGPT: tus diseños y versiones se guardan en la base de datos de Luma (Cloudflare D1), y las imágenes y fuentes subidas en almacenamiento Cloudflare R2. Los proyectos son privados salvo que invites a alguien desde Compartir.

Crear desde ChatGPT

Conectá el plugin de Luma cuando esté disponible en tu cuenta. Podés pedirle que cree un diseño editable con textos, formas y frames, o que modifique un proyecto al que tengas acceso. La conexión respeta los permisos de tu cuenta. No requiere una clave de API de OpenAI ni genera imágenes con IA.

ÁreaDisponible en Luma
Lienzo y capasZoom, páginas, frames, grupos, búsqueda, jerarquías plegables, selección múltiple, selección de elementos superpuestos, arrastrar capas, bloqueo y visibilidad. Reglas, guías, ajuste a objetos, distribución y mediciones con Alt.
Edición directaCambios visibles al instante y guardado en segundo plano. Doble clic para editar texto; copiar, cortar y pegar con atajos. Ocho manejadores de tamaño, Shift para proporciones, Alt desde el centro y K para escalar también estilos.
VectoresPolígonos, estrellas, dibujo libre y pluma Bézier. Edición de puntos y manejadores. Unión, resta, intersección y exclusión con formas originales conservadas. Máscaras vectoriales.
AparienciaVarios rellenos y bordes, opacidad y modos de fusión; degradados lineales, radiales, angulares y diamante con múltiples paradas. Bordes interiores/exteriores, sombras, sombras internas, desenfoque y ruido.
TextoEdición sobre el lienzo, formato de fragmentos, tipografías WOFF/WOFF2, ancho y alto automáticos, ajuste de líneas, listas, mayúsculas, subrayado, tachado y espaciado.
Auto layoutFilas, columnas, grillas, wrap, espaciado, padding por lado, alineación, distribución, tamaños fijo/contenido/llenar, mínimos y máximos, posición absoluta y restricciones al cambiar el tamaño del frame.
Componentes y recursosComponentes principales e instancias con cambios individuales de texto y apariencia. Copias como variantes, intercambio de componente, restablecimiento, estilos de apariencia, variables de color Claro/Oscuro y biblioteca entre proyectos.
ImágenesVista previa local antes de esperar a la nube; previsualizaciones reducidas para trabajar y archivos originales para exportar. Subidas en segundo plano de PNG/JPG/WebP hasta 1 GB.
Guardado y versionesGuardado automático, recuperación de cambios pendientes, historial, ramas como proyectos separados y fusión con elección de conflictos. Una rama conserva su punto de partida.
ColaboraciónPermisos por proyecto, comentarios anclados editables y movibles, respuestas, resolución, presencia, seguimiento de vista y mensaje junto al cursor. Sincronización cada 2 segundos; en la misma propiedad gana el último guardado.
ExportaciónPNG/JPG a 1×, 2× o 3×; SVG, PDF de una página rasterizada y proyecto .luma con imágenes originales y fuentes. El editor de fotos separado incluye recorte, luz, color, giro y espejo.

Acceso privado

El sitio está reservado para su propietario. Agregar un correo en un proyecto no habilita por sí solo el acceso al sitio, ni envía un correo de invitación. Para colaborar con otras personas, primero hay que autorizar su acceso al sitio y después asignar sus permisos en el proyecto.

Texto, degradados e imágenes

Buscador de 1.951 familias de Google Fonts con vista previa, carga bajo demanda y guardado de fuentes junto al proyecto. Controles compactos de alineación, tamaños, pesos, estilos tipográficos, espaciados, OpenType y ejes variables disponibles en cada familia. Los degradados tienen puntos arrastrables, posición y opacidad por punto, inversión y distribución; también se aplican a bordes. Studio conserva luz y color y suma exposición, luces, sombras, temperatura, tinte, nitidez y desenfoque. La pluma está en la barra y usa P; B activa dibujo libre.

Las funciones de fuente dependen del archivo: no todas incluyen ligaduras, versalitas o los mismos ejes. La primera carga de una fuente requiere internet. Estos controles se aplican a la capa; el formato directo de fragmentos admite negrita, cursiva, subrayado y color.

Importar desde Figma

En Figma elegí File → Save local copy. En la biblioteca de Luma, pulsá Importar Figma y elegí el archivo .fig (hasta 1 GB). Seleccioná las páginas, revisá los avisos y creá el proyecto. Conserva capas editables compatibles, texto, formas, vectores e imágenes incrustadas. Busca las tipografías por peso y cursiva en Google Fonts y guarda sus archivos con el proyecto. Las fuentes que solo están en tu equipo se identifican como locales; podés adjuntar archivos WOFF/WOFF2 para conservarlas con el diseño. Las faltantes se muestran por nombre antes de crear el proyecto. El archivo se analiza en tu navegador; al confirmar, el resultado y las imágenes se guardan en tu proyecto privado.

La importación está en beta: componentes e instancias pierden sus vínculos, el auto layout pasa a posiciones fijas, y máscaras, efectos, fuentes, texto con estilos mixtos y degradados pueden diferir. Algunas instancias no contienen sus capas en el archivo. No importa prototipos ni Dev Mode. El archivo puede pesar hasta 1 GB.

Alcance actual

No es una reproducción completa de Figma. Quedan fuera la importación .sketch y la compatibilidad completa con .fig, sus plugins, redes vectoriales complejas, funciones OpenType que no incluya la fuente seleccionada, colecciones y alias de variables, propiedades avanzadas de variantes, exportaciones por slices, efectos de vidrio y controles organizacionales. Los componentes y bibliotecas implementan un flujo básico; las variables actuales son de color. La edición colaborativa no usa un protocolo de texto carácter por carácter.

Por elección del propietario, no se agregan Dev Mode ni prototipos. La IA queda para después.

Atajos

Abrí el buscador de atajos con ? o desde Acciones → Atajos de teclado. Incluye herramientas, selección, texto, alineación, auto layout, componentes, máscaras y exportación. Usa Command en Mac y Control en Windows; los campos de texto conservan sus atajos de escritura. No incluye comandos de productos o herramientas que Luma no implementa.

V seleccionar · H o Espacio mover lienzo · F frame · R rectángulo · O elipse · L línea · P pluma Bézier · B dibujo libre · T texto · C comentario · K escalar · Ctrl/⌘ K acciones · Ctrl/⌘ C/X/V copiar/cortar/pegar · Ctrl/⌘ Shift V pegar en el mismo lugar · Ctrl/⌘ [ o ] ordenar capas · Ctrl/⌘ D duplicar · Ctrl/⌘ G agrupar · Ctrl/⌘ Z deshacer · Ctrl/⌘ Shift Z rehacer · Shift 1 encajar todo · Shift 2 encajar selección · Alt Tab paneles.

Documentación consultada

Propiedades de texto · Degradados · Teclado y atajos · Google Fonts

Fidelidad al importar Figma

Si el archivo incluye los contornos de las letras, Luma conserva esas formas hasta que cambies el contenido o la tipografía. Podés mover, redimensionar y colorear el texto. Si falta una fuente, cargá su archivo WOFF/WOFF2 o elegí otra para editarlo. Las fuentes locales dependen del equipo; las adjuntas se guardan con el proyecto. Se importan desenfoques de capa y sombras compatibles. Los efectos restantes se identifican por nombre y capa en la revisión.

Calendarios de contenido

Desde Calendarios podés guardar un diagnóstico ecommerce de tu oferta, adjuntar PDF, imágenes o texto y generar una investigación con búsqueda web. La IA usa OpenAI y tiene límites diarios. La disponibilidad de anuncios, transcripciones y productos depende de fuentes públicas accesibles; no se accede a cuentas publicitarias privadas. Luego elegís mes y cantidad de piezas, revisás los copies y guiones, cambiás fechas y exportás CSV, ICS o JSON. El informe se descarga en Markdown. No publica automáticamente ni genera imágenes finales.