1. Interfaz y herramientas
Selección
Seleccionar, mover y redimensionar elementos
VFrame
Crear contenedores y artboards
FFormas
Crear rectángulos, círculos y otras formas
RTexto
Añadir y editar texto
TPen Tool
Crear formas personalizadas
PScale Tool
Escalar elementos manteniendo proporciones
K2. Auto-layout y constraints
Auto-layout Horizontal
Distribuye elementos horizontalmente con espaciado consistente
Shift + A
Auto-layout vertical
Organiza elementos verticalmente con espaciado automático
Shift + A
Constraints
Mantén elementos anclados al redimensionar frames
3. Componentes y estilos
Componentes
Elementos reutilizables que mantienen consistencia
Ctrl/Cmd + Alt + K
Estilos de color
Define y reutiliza colores en todo el proyecto
Ctrl/Cmd + Alt + G
Estilos de texto
Mantén tipografía consistente con estilos predefinidos
Componente principal
Master Component
Instancia 1
Variante
Instancia 2
Variante
4. Prototipado
Conexiones
Crea flujos de navegación entre pantallas
Interacciones
Añade animaciones y transiciones
Vista previa
Prueba el prototipo en dispositivos reales
5. Colaboración
Trabajo en equipo
Edición simultánea y control de versiones
Comentarios
Feedback directo sobre el diseño
Bibliotecas
Comparte recursos entre proyectos
6. Exportación
Para Desarrollo
CSS, SVG y especificaciones técnicas
Para Presentación
PNG, JPG y PDF
Para Apps
Assets optimizados para diferentes plataformas