{"id":20189,"date":"2022-01-07T12:10:53","date_gmt":"2022-01-07T10:10:53","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=20189"},"modified":"2023-11-28T11:12:02","modified_gmt":"2023-11-28T10:12:02","slug":"ventajas-de-usar-figma-como-herramienta-de-diseno-ui","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/ventajas-de-usar-figma-como-herramienta-de-diseno-ui\/","title":{"rendered":"Ventajas de usar Figma como herramienta de dise\u00f1o UI"},"content":{"rendered":"

Probablemente hayas o\u00eddo hablar de Figma, la herramienta de dise\u00f1o basada en Web que estos \u00faltimos a\u00f1os est\u00e1 ganando muchos adeptos.<\/p>\n

En este art\u00edculo se van a exponer las ventajas que presenta Figma con el objetivo de que puedas valorar si esta herramienta se adec\u00faa a tus necesidades y c\u00f3mo puedes sacarle el m\u00e1ximo partido.<\/p>\n

\u00bfQu\u00e9 es Figma?<\/h2>\n

En primer lugar nunca viene mal\u00a0 definir que es Figma para saber qu\u00e9 es y para qu\u00e9 sirve<\/strong>.<\/p>\n

Figma es una herramienta para dise\u00f1ar prototipos<\/a>, wireframes, interfaces\u2026 Todo aquello que posea una interfaz gr\u00e1fica se puede dise\u00f1ar desde Figma ya sean p\u00e1ginas web, pantallas de m\u00f3vil e incluso para smartwatches.<\/p>\n

La principal caracter\u00edstica de Figma es que est\u00e1 basado en web y se accede a los proyectos mediante un navegador. Esta peculiaridad es la que la ha hecho tan famosa, a continuaci\u00f3n se pasa a explicar las ventajas de este hecho.<\/p>\n

 <\/p>\n

\"herramienta<\/p>\n

Ventajas de trabajar con Figma<\/h2>\n

En primer lugar, Figma es una herramienta pensada para el trabajo en equipo en ambientes colaborativos. Se pasa a explicar esto:<\/p>\n

Basado en web<\/h3>\n

A Figma, aunque existe una aplicaci\u00f3n, se accede normalmente mediante web. \u00bfQu\u00e9 implicaciones tiene esto?<\/p>\n

La informaci\u00f3n se guarda en la nube, esta caracter\u00edstica, junto al hecho de que se accede mediante un navegador, hace que puedas acceder a tus proyectos desde cualquier dispositivo con conexi\u00f3n a internet. Esto es especialmente \u00fatil en estos a\u00f1os en los que el trabajo var\u00eda y en ocasiones hay que trabajar desde casa y en ocasiones desde la oficina.<\/p>\n

Aprovechando este acceso desde multitud de dispositivos, los creadores de Figma decidieron hacer que la herramienta fuera lo m\u00e1s colaborativa posible pensando en los equipos de trabajo. Esto ha derivado en que todos los proyectos puedan ser modificados en tiempo real por diferentes usuarios a la vez y que puedas ver lo que hace cada uno. Esta funcionalidad tambi\u00e9n ha tra\u00eddo un control de versiones en los proyectos para que se pueda ver qu\u00e9 cambios ha hecho cada usuario y en caso de tener que volver atr\u00e1s en el tiempo, que sea tan f\u00e1cil como hacer clic en un bot\u00f3n.<\/p>\n

 <\/p>\n

\"Basado<\/p>\n

 <\/p>\n

Estas caracter\u00edsticas hacen la herramienta especialmente atractiva para aquellos equipos de trabajo que necesitan trabajar simult\u00e1neamente\u00a0 en proyectos desde distintos lugares del globo terr\u00e1queo.<\/p>\n

Librer\u00edas de componentes<\/h3>\n

Siguiendo con el espacio de trabajo orientado al trabajo en equipo, Figma presenta las librer\u00edas de componentes.<\/p>\n

Las librer\u00edas de componentes permiten a los equipos crear elementos y compartirlos entre los diferentes proyectos de tal manera que se puedan reusar<\/strong> sin tener que volverlos a crear constantemente. Esto agiliza el flujo de trabajo de los dise\u00f1adores y evita inconsistencias entre modelos que deban presentar sistemas de dise\u00f1o similares.<\/p>\n

 <\/p>\n

\"Librer\u00edas<\/p>\n

 <\/p>\n

Inspeccionar elementos<\/h3>\n

De acuerdo a hacer la vida de los desarrolladores un poco m\u00e1s sencilla, Figma permite explorar c\u00f3mo ser\u00eda el c\u00f3digo CSS de diferentes elementos.<\/p>\n

Compartiendo dise\u00f1os<\/h3>\n

Figma apuesta por la sencillez a la hora de compartir dise\u00f1os con aquellas personas ajenas al grupo de trabajo. Para ello, simplemente ofrece la posibilidad de compartir los dise\u00f1os mediante URL de tal manera que aquellos\u00a0 interesados en acceder a los dise\u00f1os solo tienen que introducir la URL. Nada de crearse cuentas, nada de perder tiempo en procesos tediosos.<\/p>\n

Comunidad<\/h3>\n

Esta herramienta de dise\u00f1o posee una gran cantidad de personas llenas de ideas para aportar a la comunidad. Figma sabe eso y por eso habilita un repositorio de plugins, funcionalidades creadas por la comunidad que se pueden a\u00f1adir a Figma para extender sus capacidades.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Trabajo offline<\/h3>\n

Se han comentado todas aquellas ventajas que aporta el hecho de trabajar con Figma de manera online. Sin embargo, Figma tambi\u00e9n ofrece la posibilidad de trabajar de manera offline a trav\u00e9s de su aplicaci\u00f3n. Esta forma de trabajo permite editar los archivos los cuales se sincronizan autom\u00e1ticamente en el momento en el que se recupere la conexi\u00f3n a internet.<\/p>\n

Interfaz<\/h3>\n

Para terminar con las diferentes ventajas de trabajar con Figma, hay que hacer una menci\u00f3n a la interfaz de usuario. Esta interfaz destaca por su simplicidad y su manera intuitiva de organizar los diferentes elementos por la pantalla.<\/p>\n

Esto hace que aquellos usuarios que no tengan tanta experiencia usando herramientas de dise\u00f1o de interfaces tengan una curva de aprendizaje r\u00e1pida y sencilla y que, aquellos usuarios m\u00e1s profesionales sean capaces de llevar un flujo de trabajo r\u00e1pido y fluido.<\/p>\n

Conclusi\u00f3n<\/h2>\n

Figma posee las siguientes caracter\u00edsticas que destacan por las ventajas que proporcionan a sus usuarios:<\/p>\n