FRAMER
¿Qué es Framer?
Framer es una de las herramientas de creación de prototipos de aplicaciones más potentes del mercado. Se puede usar para diseñar cualquier dispositivo móvil, desde iOS a Android.
¿Qué hace?
- Diseñar interfaces de usuario con interacciones complejas.
- Trabajar en equipo en el mismo proyecto simultáneamente.
- Acceder a componentes predefinidos y personalizables para a
¿Para qué sirve?
Se utiliza para crear interfaces de usuario (UI) interactivas y de alta fidelidad. Ofrece una amplia gama de funcionalidades que permiten a los diseñadores y desarrolladores trabajar juntos de manera más eficiente.
- Diseñar interfaces de usuario de alta fidelidad.
- Crear prototipos interactivos con interacciones complejas.
- Utilizar una biblioteca de componentes predefinidos.
- Integrarse con otras herramientas de diseño y desarrollo.
Historia
Framer comenzó como Framer Studio, una herramienta de diseño para crear prototipos interactivos. Fue desarrollada por Koen Bok y Jorn van Dijk y lanzada en 2014. Inicialmente, Framer se centró en ofrecer una plataforma poderosa para diseñadores que querían crear prototipos avanzados con interacciones complejas utilizando JavaScript.
- V1. Framer Studio: Lanzado en 2014 por Koen Bok y Jorn van Dijk. Enfocada en diseñadores que deseaban crear prototipos interactivos avanzados utilizando JavaScript.
- V2. Framer X: Lanzado en 2018 como una evolución de Framer Studio. Introdujo la capacidad de trabajar con React.
- V3. Framer: La última versión de Framer, consolidó y simplificó las funcionalidades de las versiones anteriores.
Características
- Permite crear animaciones complejas con facilidad.
- Facilita la creación de componentes interactivos.
- Soporte para diseñar y prototipar en múltiples resoluciones y dispositivos.
- Herramientas para crear layouts dinámicos y adaptativos.
- Compatibilidad con herramientas populares como Sketch y Figma.
- Optimizado para un rendimiento rápido y fluido incluso en prototipos complejos.
Ventajas
- GENERACIÓN DE CÓDIGO REACT: Permite a los diseñadores convertir bocetos directamente en componentes React, facilitando la colaboración con desarrolladores.
- COLABORACIÓN EN TIEMPO REAL: Funcionalidades de trabajo en equipo similares a Figma.
- INTERACCIONES AVANZADAS: Soporte para crear prototipos con interacciones complejas y realistas.
Desventajas
- CURVA DE APRENDIZAJE: Puede ser más difícil de aprender para aquellos sin conocimientos previos de maquetado de prototipos.
- MENOR ADOPCIÓN: Comparado con Figma y Adobe XD, Framer tiene una comunidad de usuarios más pequeña, lo que puede significar menos recursos y plugins disponibles.
Comparativa
| Caracteristicas | Figma | Adobe XD | |
|---|---|---|---|
| Generación de Código | React Nativo | Plugins | Plugins |
| Interacciones | Avanzadas y personalizadas | Intermedias | Avanzadas y personalizadas |
| Colaboración | En tiempo real | Limitada, pero integrada en la nube | En tiempo real |
| Integración | Componentes React, Figma, Sketch | Adobe Creative Cloud | Sketch |
| Comunidad | Menor, pero creciente | Amplia, con variedad de recursos y plugins | Menor, pero con recursos utiles |
| Dominio | Publicación en dominios personalizados | No permitido | No permitido |
| Publicación en la Web | Publicación de prototipos en paginas de Framer | Comparte enlaces de protipos | Publicación en paginas |
Link de la Práctica -> Framer-Práctica.mp4
0 comentarios