{"id":3918,"date":"2021-11-05T18:08:34","date_gmt":"2021-11-05T17:08:34","guid":{"rendered":"https:\/\/blog.fesomia.cat\/2021\/11\/05\/penpot-o-la-llum-al-final-de-tunel\/"},"modified":"2022-09-15T15:50:41","modified_gmt":"2022-09-15T14:50:41","slug":"penpot-o-la-luz-al-final-del-tunel","status":"publish","type":"post","link":"https:\/\/blog.fesomia.cat\/es\/2021\/11\/05\/penpot-o-la-luz-al-final-del-tunel\/","title":{"rendered":"Penpot o la luz al final del t\u00fanel"},"content":{"rendered":"\n

Hace unos meses observaba<\/a>, emocionado, la presentaci\u00f3n de una versi\u00f3n temprana de Penpot<\/strong><\/a>, una herramienta de c\u00f3digo abierto para dise\u00f1ar y prototipar<\/em>. Digo emocionado porque el panorama del software libre espec\u00edfico de dise\u00f1o para pantallas siempre ha sido, como lo dir\u00eda, modesto. Si te dedicas a este oficio desde la barricada del software libre, ya sabes de qu\u00e9 te hablo.<\/p>\n\n\n\n

Entusiasmado, he empezado a incorporar a Penpot en nuestro flujo de trabajo. Poco a poco, eso s\u00ed, que la experiencia dice que no es bueno cambiar toda el agua de la piscina de una vez. Pero aqu\u00ed estamos, apostando por Penpot y con ganas de comentar algunas ideas.<\/p>\n\n\n\n

Cada casa es un mundo, que dice mi madre<\/h3>\n\n\n\n

Por poner un poco de contexto, dir\u00e9 que somos un equipo peque\u00f1o donde yo me ocupo de todas las fases del dise\u00f1o, desde los borradores en papel hasta el arte final. Todo el proceso es muy sencillo de compartir con el resto de participantes y no necesitamos herramientas de edici\u00f3n simult\u00e1nea. Cada detalle de dise\u00f1o se debate de forma s\u00edncrona y en directo, realizando si conviene cambios al instante.<\/p>\n\n\n\n

En cambio, el material en el que interviene el cliente debe ser muy fiel: no hay mucho lugar para la interpretaci\u00f3n. El dise\u00f1o debe cubrir pr\u00e1cticamente la totalidad del producto en aquella fase, con un nivel de interactividad lo m\u00e1s definitivo posible.<\/p>\n\n\n\n

Por eso, en una herramienta de ayuda al dise\u00f1o valoramos mucho la versatilidad en la edici\u00f3n gr\u00e1fica, la capacidad de reproducir la implementaci\u00f3n que se har\u00e1 despu\u00e9s con tecnolog\u00edas web y la fidelidad de la experiencia de uso final.<\/p>\n\n\n\n

Est\u00e1 resultando un t\u00fanel muy largo<\/h3>\n\n\n\n

Como todos, en diferentes \u00e9pocas nos ha tocado trabajar con m\u00faltiples herramientas de dise\u00f1o, esperando ilusamente de cada una que fuese la definitiva. Hoy estoy en modo abuelo Cebolleta y tengo ganas de tirar hacia atr\u00e1s en el tiempo.<\/p>\n\n\n\n

A principios de siglo, mientras muchos se peleaban con infumables dise\u00f1os de webs con Photoshop, algunos viv\u00edamos en el para\u00edso de los objetos, las p\u00e1ginas y estados, los textos y vectores editables, los m\u00faltiples suavizados de fuentes\u2026 Eran los a\u00f1os de Fireworks<\/strong>, con los que algunos todav\u00eda so\u00f1amos. De todas formas, hoy tampoco ser\u00eda una herramienta ideal sin haber evolucionado. Y no olvidemos que utilizaba un formato de archivo propietario disfrazado de PNG y que nunca funcion\u00f3 fuera de los dos sistemas operativos hegem\u00f3nicos en el escritorio.<\/p>\n\n\n\n

Parece que Sketch<\/strong> supo recoger el testigo de FW y evolucionarlo correctamente, pero haci\u00e9ndolo a\u00fan m\u00e1s restrictivo apuntal\u00e1ndolo a una sola plataforma.<\/p>\n\n\n\n

Y acab\u00e9 entreg\u00e1ndome plenamente a Inkscape<\/a><\/strong>, intentando paliar las carencias que siempre ha tenido y parece que tendr\u00e1 para el dise\u00f1o de interfaces. Y esto tambi\u00e9n me fu\u00e9 agotando. Inkscape es un magn\u00edfico programa de ilustraci\u00f3n vectorial, y es aqu\u00ed donde debe quedarse. Un peque\u00f1o ejemplo representativo de por qu\u00e9 nunca ha estado orientado m\u00ednimamente al dise\u00f1o web es que todav\u00eda no permite subrayar un fragmento de texto<\/a> sin escribir XML. Sin embargo, todav\u00eda lo mantengo como herramienta diaria de trabajo, fruto de los a\u00f1os ocupando la primera posici\u00f3n en much\u00edsimos proyectos.<\/p>\n\n\n\n

Disculpad que no mencione Pencil, LibreOffice u otras herramientas ofim\u00e1ticas. M\u00e1s all\u00e1 de la fase de wireframing<\/em> no he podido sacarles provecho.<\/p>\n\n\n\n

Con Gravit<\/strong> a algunos nos dio un vuelco el coraz\u00f3n, al principio. Comenz\u00f3 como un proyecto de software libre multiplataforma gracias a Electron, pero r\u00e1pidamente evolucion\u00f3 hacia un modelo cerrado, dicen que porque no logr\u00f3 la sostenibilidad econ\u00f3mica necesaria para avanzar a la velocidad deseada.<\/p>\n\n\n\n

La primera vez que me interes\u00e9 en Figma<\/strong> todav\u00eda estaba muy verde y UXpin<\/strong> avanzaba, en mi opini\u00f3n, de una forma mucho m\u00e1s interesante. La verdad es que las veces que he vuelto al primero para ver qu\u00e9 me estaba perdiendo, no he sabido ver nada que me interesara y que no cubriera el segundo. De este modo me he ido instalando en UXpin, consciente de que tampoco ser\u00e1 la herramienta definitiva para m\u00ed. De todas faormas todav\u00eda es mi programa de dise\u00f1o habitual, ya que:<\/p>\n\n\n\n