{"id":135999,"date":"2026-05-03T01:58:37","date_gmt":"2026-05-03T07:58:37","guid":{"rendered":"https:\/\/pongara.net\/news\/penpot-la-alternativa-gratuita-a-figma-que-usa-estandares-web-abiertos\/"},"modified":"2026-05-03T01:58:37","modified_gmt":"2026-05-03T07:58:37","slug":"penpot-la-alternativa-gratuita-a-figma-que-usa-estandares-web-abiertos","status":"publish","type":"post","link":"https:\/\/pongara.net\/news\/penpot-la-alternativa-gratuita-a-figma-que-usa-estandares-web-abiertos\/","title":{"rendered":"Penpot: la alternativa gratuita a Figma que usa est\u00e1ndares web abiertos"},"content":{"rendered":"<div><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"900\" src=\"https:\/\/pongara.net\/news\/wp-content\/uploads\/2026\/05\/Pinturas-con-un-pincel-diseno.jpg\"><\/p>\n<p>Cada vez es m\u00e1s habitual encontrarnos con determinadas soluciones de software que funcionan directamente en la web a trav\u00e9s de nuestro navegador favorito. Esto es algo que sucede con esta aplicaci\u00f3n centrada en el dise\u00f1o de la que os hablaremos en estas l\u00edneas, Penpot.<\/p>\n<p>De hecho, disponemos de varias plataformas de este tipo que llevan varios a\u00f1os acompa\u00f1\u00e1ndonos y ofreciendo todas sus funciones y herramientas. Aqu\u00ed nos referimos a soluciones tan populares como Canva o Figma que probablemente la mayor\u00eda hab\u00e9is utilizado en m\u00e1s de una ocasi\u00f3n. Pues bien, en estas l\u00edneas os vamos a hablar de una propuesta muy interesante especialmente indicada para dise\u00f1adores y desarrolladores web.<\/p>\n<h2>Para qu\u00e9 necesito la app gratuita de dise\u00f1o, Penpot<\/h2>\n<p>En realidad se trata de una aplicaci\u00f3n web centrada en ofrecernos herramientas de dise\u00f1o que se considera como una <strong>alternativa de c\u00f3digo abierto<\/strong> a las mencionadas antes. As\u00ed, con Penpot dispondremos de una plataforma de dise\u00f1o totalmente gratuita desarrollada bajo la Licencia P\u00fablica General de Mozilla 2.0. Esto nos permite usarla a trav\u00e9s de nuestro navegador web o incluso alojarla en nuestro propio servidor.<\/p>\n<p>B\u00e1sicamente, nos da la oportunidad de gestionar el dise\u00f1o de interfaces de usuario de todo tipo usando multitud de <strong>bibliotecas de componentes<\/strong>. Para que nos hagamos una idea, obtendremos un flujo de trabajo y funcionalidades similares a las que utilizamos en la popular <strong>Figma<\/strong>. Aqu\u00ed la principal diferencia es que Penpot se basa en est\u00e1ndares web abiertos como <strong>SVG, CSS y HTML<\/strong>. Todo ello en lugar de formatos de archivo propietarios como sucede en sus m\u00e1s directos competidores.<\/p>\n<figure class=\"post-article__content-img\"><img decoding=\"async\" loading=\"lazy\" width=\"1280\" height=\"720\" src=\"https:\/\/pongara.net\/news\/wp-content\/uploads\/2026\/05\/Interfaz-principal-app-Penpot.jpg\" alt=\"Interfaz principal app Penpot\"><figcaption>Interfaz principal de la aplicaci\u00f3n web de c\u00f3digo abierto, Penpot. Foto: captura de SoftZone.<\/figcaption><\/figure>\n<p>Con esto logramos que nuestros dise\u00f1os no est\u00e9n limitados al uso de archivos .fig que, por ejemplo, solo Figma puede leer. Esto se traduce en que disponemos de una potente herramienta de dise\u00f1o de c\u00f3digo abierto y basada en el navegador. Se ha creado con el fin de ayudar a todo tipo de dise\u00f1adores y desarrolladores para colaborar entre s\u00ed utilizando est\u00e1ndares web abiertos como CSS, SVG y HTML.<\/p>\n<h2>Principales funciones de la app de dise\u00f1o<\/h2>\n<p>Podemos destacar que en este caso nos encontramos con el conjunto habitual de herramientas y funciones que se esperan de una <a href=\"https:\/\/www.softzone.es\/noticias\/metabits\/canva-figma-disenadores-equipos-creativos\/\">plataforma de dise\u00f1o<\/a> como esta. Al mismo tiempo, una de las funciones m\u00e1s \u00fatiles de Penpot es CSS Grid Layout. Y es que gracias a la misma, al crear un dise\u00f1o con el desarrollador de cuadr\u00edculas, la herramienta <strong>genera c\u00f3digo CSS<\/strong> de forma autom\u00e1tica que podemos extraer e insertar directamente en otros proyectos web.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cada vez es m\u00e1s habitual encontrarnos con determinadas soluciones de software que funcionan directamente en la web a trav\u00e9s de nuestro navegador favorito. Esto es [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":136000,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[11291,1129,21720,4746,1268,32182],"class_list":["post-135999","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias","tag-abiertos","tag-alternativa","tag-estandares","tag-gratuita","tag-noticias","tag-penpot"],"_links":{"self":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/posts\/135999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/comments?post=135999"}],"version-history":[{"count":0,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/posts\/135999\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/media\/136000"}],"wp:attachment":[{"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/media?parent=135999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/categories?post=135999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pongara.net\/news\/wp-json\/wp\/v2\/tags?post=135999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}