---
title: Capas y páginas
description: Gestionar capas, páginas y panel de propiedades en OpenPencil.
---
# Capas y páginas

## Panel de capas
Árbol jerárquico a la izquierda. Expandir/colapsar, arrastrar para reordenar, alternar visibilidad con el icono de ojo, doble clic para renombrar. La selección se sincroniza con el lienzo.

## Panel de páginas
- **Cambiar página** — clic en una pestaña
- **Añadir** — botón añadir
- **Eliminar** — eliminar página actual
- **Renombrar** — doble clic en el nombre; <kbd>Enter</kbd> o clic fuera para confirmar, <kbd>Escape</kbd> para cancelar

Cada página tiene su propio estado de viewport.

## Panel de propiedades
Tres pestañas: **Diseño** (propiedades contextuales), **Código** (JSX / Tailwind CSS v4), **IA** (chat <kbd>⌘</kbd><kbd>J</kbd>).

Diseño: apariencia, relleno, trazo, efectos, tipografía, layout, exportación.

## Diseño móvil

En móvil y pantallas pequeñas, los paneles laterales se reemplazan por un cajón inferior deslizable con pestañas: Capas, Propiedades, Diseño, Código.