Diseña sitios web y aplicaciones: ¿Sketch, Figma o Penpot?

Al implementar ideas de sitios web y aplicaciones, eventualmente alcanzará los límites de lo que es factible con soluciones modulares y sus propias habilidades de programación. Pero, ¿cómo comunicas tus pensamientos de tal manera que los diseñadores y programadores profesionales puedan entenderlos? Por ejemplo, se pueden aprovechar diferentes herramientas para los bocetos de diseño, así como para su traducción a determinados lenguajes de programación. Uno Aplicación, que ya les he presentado para este propósito, se llama Bosquejo. Pero además de esto, hay algunas soluciones más amplias, por ejemplo Figma como oferta paga y la alternativa gratuita de Figma bolígrafo. Este último puede usarse como una aplicación web e incluso hospedarse localmente.

Resumen rápido: diferencias entre las tres ofertas

Para que pueda encontrar lo que busca más rápidamente, he enumerado las diferencias clave entre las tres ofertas Sketch, Figma y Penpot en la siguiente lista. Porque desde el diseño hasta la salida del código adecuado y la entrega a los programadores, los tres ofrecen características bastante similares. Sin embargo, estos aspectos podrían ayudar a decidir a favor o en contra de ofertas individuales:

• aplicación de bocetos: Exclusivamente para computadoras Apple con M-Chip ("Apple Silicon"), prueba gratuita de 30 días, el precio depende del tamaño del equipo y el intervalo de pago (mensual o anual)
• aplicación figma: Disponible tanto para Mac como para PC, versión gratuita muy limitada, ofrece una solución de pizarra con FigJam, de pago para equipos y empresas
• aplicación penpot: solución gratuita de código abierto con opción de alojamiento local, utilizable como una aplicación web desde diferentes sistemas, ofrece funciones similares a las de Sketch y Figma desde el primer boceto hasta la salida del código

Sketch: aplicación de Mac para el diseño de aplicaciones y sitios web

Sketch es un software creado para su uso en Apple Mac. Los documentos, prototipos de trabajo, etc. también se pueden ver y administrar en la aplicación web desde otros sistemas (Windows, Linux, etc.), pero las funciones principales para el diseño y la programación solo están en el programa para macOS. Entonces, si está buscando una solución para Windows o para diferentes sistemas en su equipo, puede continuar desplazándose a las otras aplicaciones.

Sin embargo, si usted o su equipo trabajan con computadoras Apple, Sketch podría ser la opción adecuada para usted. El software se puede probar de forma gratuita durante 30 días y luego se puede utilizar a diferentes precios. Desde esbozar la primera idea hasta el prototipo terminado, todo se puede realizar en Sketch, desde el sitio web de la tienda hasta la aplicación práctica con innumerables subpáginas, su propia paleta de colores y nuevas funciones. En la aplicación web, todo esto se puede hacer a través de Navegador web exhibidos, administrados y probados. 

Puede encontrar más información, primeras impresiones y la descarga de la versión de prueba en la página web oficial la oferta. Desafortunadamente, hay un poco de auto-adulación allí, y hay muchas letras con palabras que suenan muy bien, mientras que dicen muy poco de sustancia. Pero si no deja que eso lo distraiga, descubrirá rápidamente si Sketch es algo para la implementación de su propia idea o no. ¡Diviértete intentándolo!

Figma - Diseño y código en macOS y Windows

Figma es probablemente la solución más conocida cuando se trata de diseñar y probar aplicaciones de manera funcional. El proceso de diseño y creación de prototipos se puede realizar de principio a fin en colaboración con otros. Por lo tanto, Figma también es una solución para equipos con diferentes ubicaciones. Sin embargo, el software se puede usar de manera más universal, ya que hay descargas para Apple Mac, así como para PC con Windows, iOS y Android. Además de Figma, FigJam también se ofrece como pizarra digital para recopilar ideas.

Hay una versión permanentemente gratuita de Figma, pero está limitada a usar solo tres archivos Figma y tres FigJam. Al igual que en las versiones pagas, aquí también se pueden usar complementos, widgets y plantillas, pero faltan otras funciones. Los proyectos no pueden publicarse individualmente ni tratarse como privados. Además, la biblioteca del equipo y el chat de audio para el equipo solo se incluyen en la suscripción "Profesional".

Hay aún más información, una visión del programa, la descarga y las opciones de suscripción. en el sitio web de la oferta. Está disponible en varios idiomas, incluido el alemán. Entre otras cosas, se destaca como importante la comunidad de Figma, que proporciona instrucciones, archivos de ejemplo y complementos. También hay materiales sobre conceptos básicos de diseño y ejercicios de diseño. Así que menos "¡Mira lo buenos que somos!" que Sketch, y más soporte para que comiences.

Penpot: solución gratuita de código abierto en el navegador

Penpot hace muchas cosas de manera diferente a Sketch o Figma. Aquí hay una alta funcionalidad en combinación con la idea de código abierto detrás del desarrollo. Es por eso que puede encontrar la aplicación web no solo en el sitio web oficial de la oferta, sino también en GitHub. También puede alojar su propia instancia de penpot para operarla independientemente de los servidores del proveedor e implementar su proyecto de la manera más segura posible. Sin embargo, esto no aísla completamente el proyecto: los miembros del equipo también pueden trabajar en proyectos configurados de esta manera.

Al igual que en las soluciones mencionadas anteriormente, hay varias herramientas y funciones disponibles para esto, como una pizarra infinita, la función de marco o tablero para bocetos de aplicaciones y sitios web, la función de prototipo para probar las cosas creadas y, por supuesto, la salida de la completo como código. Penpot también se puede utilizar desde la primera idea hasta la entrega a programadores profesionales. Aquí se utilizan gráficos vectoriales basados ​​en SVG, por lo que puede ser útil tratarlos un poco. 

Entonces, si está buscando una alternativa gratuita de Figma o una alternativa de Sketch para Mac, PC, Linux y compañía, entonces Penpot podría ser lo adecuado para usted. Alto el sitio web de la oferta Se está trabajando en una aplicación de escritorio, pero ya se puede usar todo de forma extensiva. E incluso ahorras espacio en el disco duro. Por cierto, me enteré de Penpot a través del canal. TJ libre en YouTube, donde se muestran y explican programas de video y gráficos gratuitos. Ya hay varios tutoriales de penpot en el canal Échale un vistazo :)

johannes domke

[De vacaciones] Después de graduarse de la escuela secundaria, Johannes completó su formación como asistente comercial con especialidad en idiomas extranjeros. Pero luego decidió investigar y escribir, lo que le llevó a su independencia. Trabaja desde hace varios años, entre otros, para Sir Apfelot. Sus artículos incluyen presentaciones de productos, noticias, instrucciones, videojuegos, consolas y mucho más. Sigue las conferencias magistrales de Apple en vivo a través de streaming.