Desarrollo Web 5-8 minutos

Filament 5 y Laravel 13: paneles de administración sin escribir HTML

Diego Cortés
Diego Cortés
Full Stack Developer & SEO Specialist
Compartir:
Filament 5 y Laravel 13: paneles de administración sin escribir HTML

Filament 5 llegó en 2026 con soporte nativo de Livewire 4 y Filament Blueprint, su scaffolding con IA: sobre Laravel 13 puedes montar un panel de administración completo sin escribir una línea de HTML.

Qué es Filament y por qué es el estándar para paneles en Laravel

Filament es un framework de interfaz open source construido sobre Livewire y Blade que genera paneles de administración completos: tablas, formularios, dashboards, gestión de usuarios y CRUD de cualquier modelo. En lugar de maquetar cada pantalla, defines la estructura de tus formularios y tablas en PHP y el framework se encarga del resto, incluido el JavaScript. Por eso se ha convertido en la elección por defecto de los equipos Laravel cuando necesitan un back-office sin invertir semanas en HTML y CSS.

De la v4 a la v5: qué cambió

La versión 4 se declaró estable el 12 de agosto de 2025 y ya trajo mejoras importantes de rendimiento, el editor TipTap integrado, nested resources, autenticación multifactor (MFA) y datos estáticos en las tablas. La v5, lanzada en 2026, da el salto a Livewire 4 con ganancias de rendimiento notables en la renderización de tablas y formularios, y simplifica el stack: Livewire 4 + Filament 5 + Tailwind CSS v4.1 o superior es la combinación recomendada para cualquier proyecto nuevo sobre una versión soportada de Laravel.

Filament Blueprint: scaffolding con IA

La novedad más comentada de la v5 es Filament Blueprint, una herramienta de scaffolding asistida por IA que genera un plan de desarrollo del panel: modelos, recursos, formularios y flujos. Está pensada para que agentes como Claude Code ejecuten el plan directamente, de modo que un equipo puede tener un panel de administración funcional en minutos a partir de una descripción en lenguaje natural. Dan Harrin, el creador de Filament, lo presentó la misma semana en que se lanzó Livewire 4, marcando la dirección del ecosistema TALL stack.

Instalación: Filament 5 + Laravel 13 en minutos

El punto de partida es un proyecto Laravel 13 recién creado. La instalación de Filament 5 se hace con Composer y un comando artisan que genera la estructura del panel:

composer require filament/filament:"^5.0" -W

php artisan filament:install --panels

El flag -W actualiza también las dependencias de Livewire a la v4, que Filament 5 necesita. Después creas tu primer usuario administrador con el comando integrado y arrancas el servidor de desarrollo:

php artisan make:filament-user

php artisan serve

Al entrar en /admin ya tienes un panel funcional con login, tema oscuro y la estructura base de navegación, sin haber tocado una sola plantilla.

Tu primer panel y tu primer Resource

Un Resource es la pieza central de Filament: une el modelo de Eloquent con su formulario y su tabla. Se genera con un solo comando:

php artisan make:filament-resource Post --generate

Formularios y tablas declarativos (schema-first)

El enfoque schema-first es lo que elimina el HTML: el formulario se define como un array de campos PHP y la tabla como un array de columnas. El siguiente ejemplo define un Resource de posts con título, categoría (relación) y contenido:

public static function form(Form $form): Form
{
    return $form->schema([
        TextInput::make('title')->required()->maxLength(120),
        Select::make('category_id')
            ->relationship('category', 'name')
            ->required(),
        RichEditor::make('body')->columnSpanFull(),
    ]);
}

public static function table(Table $table): Table
{
    return $table->columns([
        TextColumn::make('title')->searchable()->sortable(),
        TextColumn::make('category.name'),
        TextColumn::make('published_at')->dateTime(),
    ]);
}

CRUD completo sin escribir HTML

Con ese Resource ya tienes listado con búsqueda y ordenación, página de creación, edición, borrado con confirmación y validación en servidor. Todo lo que antes requería controladores, vistas y formularios manuales se reduce a declarar la intención en PHP; Livewire se encarga de las peticiones AJAX y Filament del renderizado. El ahorro de tiempo es brutal: un CRUD completo con relaciones suele estar listo en menos de una hora.

Funciones clave de la v5: MFA integrado, TipTap y nested resources

La v5 hereda y mejora el arsenal de la v4. El MFA integrado protege el acceso al panel sin paquetes de terceros. El editor TipTap ofrece una experiencia tipo Notion para contenidos enriquecidos, con mención de imágenes y tablas. Los nested resources permiten gestionar hijos dentro de la página del padre, ideal para entidades anidadas como pedidos y sus líneas. Y las tablas soportan datos estáticos, lo que agiliza catálogos y listados que no dependen de la base de datos. Si a esto sumas el rendimiento de Livewire 4, el panel se siente más rápido incluso en tablas con miles de filas.

Migrar de Filament 4 a 5 con filament/upgrade

Si ya tienes un proyecto en Filament 4, la migración es automática. Se instala el paquete de actualización como dependencia de desarrollo y se ejecuta el script que reescribe el código:

composer require filament/upgrade:"^5.0" -W --dev

vendor/bin/filament-v5

El script actualiza las llamadas a la API de Filament, ajusta los imports y aplica los cambios de configuración necesarios, sin pasos manuales. El proceso está pensado para proyectos grandes: puedes ejecutarlo, revisar el diff y commitear. Como referencia de que el stack aguanta producción, el CMMS open source Liberu Maintenance corre sobre Laravel 12, PHP 8.5, Filament 5 y Livewire 4.

Ejemplo práctico: panel de gestión de posts con relación y búsqueda

Pongamos el caso completo: un blog con posts y categorías. Tras crear el Resource de Category, generas el de Post y conectas ambos con el campo Select y su relación. Añades búsqueda sobre el título, filtro por estado de publicación y ordenación por fecha:

public static function table(Table $table): Table
{
    return $table
        ->columns([
            TextColumn::make('title')->searchable(),
            TextColumn::make('category.name'),
            IconColumn::make('is_published')->boolean(),
        ])
        ->filters([
            SelectFilter::make('category_id')->relationship('category', 'name'),
        ])
        ->actions([
            Tables\Actions\EditAction::make(),
        ]);
}

Con menos de treinta líneas de PHP tienes un gestor de contenidos con buscador, filtros y acciones de edición. Para equipos que mantienen varios sitios, el mismo patrón se replica en cada modelo: la curva de aprendizaje se paga una vez y el resto es repetir esquemas.

Conclusión

Filament 5 con Laravel 13 convierte la construcción de paneles de administración en una tarea declarativa: defines datos, el framework dibuja la interfaz. Con Livewire 4 nativo, Blueprint con IA para arrancar proyectos y la migración automática desde v4, no hay excusa para volver a escribir un CRUD a mano. Si estás empezando con el ecosistema, echa un vistazo también a Pest 3, el framework de testing que Laravel usa por defecto, y sigue leyendo el blog para más guías de desarrollo web.

Categorías