Descubre cómo sacarle provecho a las últimas actualizaciones de Figma en tu tech startup

Tinkin
4 min readOct 24, 2023

--

Las actualizaciones de Figma lanzadas en 2023 ofrecen beneficios significativos para las startups tecnológicas en términos de eficiencia y productividad. Queremos contarte cómo estas características pueden ser útiles para tu empresa.

Las variables permiten a los diseñadores UX/UI crear sistemas de diseño reutilizables y escalables, lo que ahorra tiempo y esfuerzo. Esto significa que una startup de comercio electrónico, por ejemplo, puede utilizar variables para establecer un sistema de colores cohesivo que se pueda aplicar de manera consistente en todos los canales de su marca.

Además, los prototipos interactivos te facilitan probar y validar con usuarios reales los diseños de manera rápida y sencilla, reduciendo el riesgo de desarrollar productos que no sean atractivos. Imagina cómo esto puede ser beneficioso para una startup de juegos. Puedes utilizar prototipos interactivos para probar diferentes mecánicas de juego y obtener comentarios valiosos de los jugadores antes de lanzar una sola línea de código.

Otra de las actualizaciones introducidas es la función Wrap en Auto Layout. Esta característica simplifica el proceso de organización del contenido y su adaptación a diferentes tamaños de pantalla. La disposición del contenido se ajusta automáticamente al tamaño de su contenedor, lo que agiliza el trabajo de los diseñadores de interfaces (UI) a la hora de generar diseños responsive.

Otra herramienta poderosa que se suma son los límites mínimos y máximos. Estos nos permiten definir restricciones claras para el tamaño de los frames.

Al establecer estos valores, el proceso de diseño adaptativo se vuelve más preciso, ya que evita desviarse de las dimensiones deseadas en las que el diseño será aplicado.

Figma también ha simplificado el proceso de truncamiento de texto. En el pasado, los diseñadores tenían que simular manualmente el truncamiento cuando el texto excedía el espacio disponible en el diseño. Ahora, esta función se realiza automáticamente, lo que ahorra tiempo y asegura que el texto se ajuste de manera óptima en el diseño.

Además de las mejoras en el diseño, Figma ha presentado el Modo Dev, diseñado específicamente para los desarrolladores. Este modo optimiza la visualización de los diseños y proporciona información más clara y concisa para comenzar a trabajar en la implementación. Además, ofrece la capacidad de integrar plugins que facilitan la generación de código en varios lenguajes de programación y la conexión con herramientas como Jira o GitHub, lo que mejora aún más la colaboración entre diseñadores y desarrolladores.

Para los desarrolladores Front-End, vemos que hay una serie de herramientas que pueden acelerar la implementación de diseños de interfaz de usuario (UI) en el código. Esta ventaja permite ahorrar tiempo y esfuerzo en comparación con la “traducción” manual de diseños a código, lo que, a su vez, reduce significativamente el riesgo de errores durante este proceso y mejora la colaboración entre diseñadores y programadores. Sin embargo, es importante tener en cuenta que no todos los elementos de diseño pueden ser compatibles con estas herramientas, y a veces la exportación no se realiza de la manera esperada. Por lo tanto, es probable que el código generado requiera ciertos ajustes y optimizaciones adicionales para garantizar un rendimiento óptimo. La necesidad de estos ajustes también dependerá del framework utilizado y de la versión en la que estemos trabajando en nuestro código.

Si deseas más información sobre el tema, ¡contáctanos para que podamos ayudarte!

--

--

Tinkin

Propulsamos el crecimiento de startups tecnológicas en LatAm 🚀