Home / Features / Custom CSS

Para desarrolladores

Formularios pixel-perfect con CSS

Los temas te llevan al 80%. El CSS personalizado se ocupa del resto. Sobrescribe fuentes, colores, espaciado, animaciones — todo lo que el tema no puede expresar. Guarda tus overrides por formulario.

Comenzar Gratis Ver Temas

form-design.css

/* Brand fonts */

@import url('https://fonts.googleapis.com/css?family=Inter:400,600,700');

.fb-form {

font-family: 'Inter', sans-serif;

--brand: #5B47FF;

}

.fb-input {

border-radius: 14px;

border: 1px solid #E3E8EE;

transition: border-color .2s;

}

.fb-input:focus {

border-color: var(--brand);

box-shadow: 0 0 0 4px rgba(91,71,255,.12);

}

Donde los temas paran, el CSS empieza

Los temas integrados cubren los casos comunes. El CSS personalizado desbloquea la cola larga — peculiaridades de marca, tipografías propias, micro-interacciones, ajustes de layout.

Editor inline

El editor de CSS vive dentro de los ajustes de diseño del formulario. Edita, guarda, ve los cambios en la vista previa al instante.

Sobrescribe lo que sea

Campos, etiquetas, botones, estados de error, focus, transiciones — todo es seleccionable con CSS estándar.

Tema + CSS

Empieza con un tema para lo grueso, capa tu CSS encima. Lo mejor de ambos mundos — setup rápido, control total.

Guardado por formulario

Cada formulario tiene su propio CSS. Distintas marcas, distintos formularios, distintas reglas — sin efectos secundarios globales.

Diseñador + dev juntos

Los diseñadores ajustan los temas visualmente, los desarrolladores se encargan de los casos límite con CSS. Ambos flujos en un solo formulario.

Sin paso de build

Guarda y los estilos se aplican al formulario en vivo al instante. Sin pipeline de deploy, sin rebuild, sin esperas.

Estiliza cualquier cosa de tu formulario

Objetivos comunes — y cómo pensarlos.

Fuentes vía @font-face o imports de Google Fonts
Tokens de color de marca aplicados a inputs, focus rings y botones
Border-radius, sombras, tratamientos de profundidad
Espaciado de campos, posición de etiquetas, layouts en columnas
Animaciones hover y focus, transiciones suaves
Estados de error y mensajes de validación personalizados
Hojas de estilo de impresión para flujos en papel
Overrides móviles vía media queries

FORM PREVIEW

Email address Message

Preguntas frecuentes

¿Dónde añado el CSS personalizado?

Abre tu formulario, ve a Diseño → CSS personalizado. Aparece el editor con resaltado de sintaxis. Guarda y los estilos se aplican al formulario en vivo de inmediato.

¿Puedo importar fuentes externas?

Sí. Usa @import url(...) al inicio de tu CSS para traer Google Fonts, Adobe Fonts o cualquier fuente web. El formulario respeta el import al cargar.

¿Se romperá mi CSS si actualizan el renderizador del formulario?

Tratamos los nombres de clase CSS públicos como una API estable y evitamos renombrarlos en actualizaciones rutinarias. Los rediseños mayores se documentan en el changelog con notas de migración.

¿Puedo sobrescribir los estilos del tema?

Puedes sobrescribir cualquier cosa. El CSS personalizado se carga después de los estilos del tema, así que tus reglas ganan en la cascada. No necesitas !important en la mayoría de los casos.

¿El CSS personalizado está en el plan gratuito?

El CSS personalizado está incluido en los planes de pago. El plan gratuito soporta el sistema de temas completo; consulta la página de precios para el nivel exacto.

¿Puedo compartir mi CSS entre varios formularios?

Hoy cada formulario tiene su propio CSS. Para estilos compartidos entre muchos formularios, copia y pega el snippet — o guárdalo en tu sistema de notas/snippets del equipo.

Estiliza tus formularios exactamente como quieras

Elige un tema, capa tu CSS, lanza un formulario que no se parezca a ningún otro.

Comenzar Gratis