Herramientas que te hacen la vida más fácil para la implementación de UI desde Windows

Herramientas que te hacen la vida más fácil para la implementación de UI desde Windows

Si le preguntas a cualquiera que se dedique al diseño de interfaces de usuario (UI) te dirá que la gran mayoría de los entornos gráficos de las aplicaciones para dispositivos móviles o para escritorio se realizan en la archiconocida herramienta Sketch. El problema es que Sketch sólo funciona bajo el sistema operativo de los ordenadores de Apple, MacOS X. Las razones que los desarrolladores alegan son entendibles, pero no deja de ser una putada para los que somos usuarios de Windows. De modo que antes de la próxima llegada de Invision Studio que promete dejar a Sketch en paños menores y que será compatible con ambos sitemas operativos, hay que buscarse la vida.

Sketch es un software súper liviano porque usa muchas de las características principales de OS X, que se pueden ver en su interfaz. Eso significa que la aplicación completa debería reescribirse para que funcionase en Windows o en cualquier otro sistema operativo. La razón por la que los desarrolladores no piensan crear una aplicación nativa para otro sistema operativo la dan ellos mismos:

Sketch relies on a lot of technology that is exclusive to OS X and the fact that no other OS provide a clear business model for software development, we’re not considering supporting it.

«Sketch se basa en una gran cantidad de tecnología que es exclusiva de OS X y el hecho de que ningún otro SO proporciona un modelo de negocio claro para el desarrollo de software, no estamos considerando darle soporte.»

Sin embargo hay varias herramientas para Windows que te pueden hacer la vida más fácil a la hora de compatiblizar Sketch con el sistema operativo de Microsoft y aquí os las pongo por que me parecen muy útiles.

Icons8 Lunacy

Este software es un Visor de Sketch GRATUITO para Windows con características útiles para programación HTML/CSS. Lo más cerca posible hasta la fecha de Sketch. Sin plugins y con sincronización con el servidor. Funciona genial con archivos que contienen texto, imágenes de trama, degradados y sombras. Los desarrolladores prometen que el paso siguiente, la Edición, estará disponible muy pronto.

El software permite visualizar las propiedades CSS de cualquier objeto y copiarlas con un solo clic para llevarlas a tu editor de códgio habitual. Igual que Zeplin y Avocode, pero gratis y rápido. Igual de rápido que la app Sketch original. La aplicación Exporta recursos de Sketch App. Las propiedades que utilizas a menudo aparecen destacadas. Puedes ver propiedades del texto, imágenes de trama e incluso degradados y sombras.

Puedes descargarlo en:  https://iconos8.es/lunacy

Icons8 Lunacy
Icons8 Lunacy
Icons8 Lunacy

Evolus Pencil

Si la anterior herramienta nos servía para abrir los diseños realizados en Sketch y poder exportar recursos y códigos desde Windows, con Evolus Pencil podemos hacer la parte que le falta a Lunacy: la Edición. Evolus Pencil es un software para el diseño de prototipos para apps. Dispone de las librerías gráficas de los estándares más usados: Mobile – IOS UI y Mobile Android ICS, y la capacidad de importar otras librerías gráficas para interfaces de usuario. También tiene la capacidad de exportar HTML+CSS, SVG o PDF. Una completa herramienta de prototipado GRATUITA opensource y de libre uso, que funciona en Windows y que combinada con tu software de diseño habitual te puede servir para el diseño de tus prototipos de interfaces gráficas para aplicaciones, tanto de escritorio como de dispositivos móviles. Puedes descargarlo aquí: http://pencil.evolus.vn/Default.html

Evolus Pencil

Bonus Track: Avocode PSD to Sketch Converter

Una bola extra. Imagina este flujo de trabajo en Windows: Diseñas tu interfaz en tu Photoshop de Toda la vida, conviertes tus PSDs a Sketch y los abres con Lunacy para empezar la implementación; ¿guay, no?. La casa Avocode (los creadores del software de prototipado propieario del mismo nombre) proporcionan una herramienta a disposición pública de forma gratuita que convierte tus PSD a Sketch; y prometen el soporte de conversión de trabajos realizados en Sketch a Adobe XD, la herramianta de prototipado de Adobe. Lo puedes encontrar aquí: https://avocode.com/convert-psd-to-sketch

PSD to Sketch converter

Compartir esta entrada

Facebook
Twitter
LinkedIn
Email

ACERCA DE...

Fco. Moreno - Diseñador de producto digital UI/UX

Soy Paco Moreno, Diseñador de Producto Digital (UI/UX) y diseñador gráfico, residente a caballo entre Albacete y Begur (Girona). Colegiado Nº 606 del Col·legi Oficial de Disseny Gràfic de Catalunya. Friki, geek y un metalero en decadencia. Actualmente desarrollo mi labor profesional en BUDA Business Data Software, en Sant Cugat del Vallés, Barcelona. También colaboro con Marpadal Interactive Media y con iPow e-commerce. Miembro de la comunidad Subflash, colaboro en la organización de sus Talleres de Verano.

Comentarios en la Entrada

NOTA INFORMATIVA: Las opiniones vertidas en este blog son solo mías. No pretendo convencer a nadie ni representar a nadie más que a mí mismo. Sólo pretendo expresar en este blog la forma en que veo la vida, el diseño y la cultura. Cualquier opinión es bienvenida siempre y cuando se haga con respeto y cortesía. Esta es mi casa digital, y me reservo el derecho de eliminar de esta web cualquier comentario ofensivo, que falte al respeto, o que sea intolerante o dañino. 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Otras entradas que te pueden interesar

Umbra Nova: fantasía oscura, steampunk y una apuesta valiente por el cómic independiente
Ciencia Ficción

Umbra Nova: fantasía oscura, steampunk y una apuesta valiente por el cómic independiente

Hace algún tiempo, tuve la oportunidad de colaborar con (mi amigo) el escritor albaceteño José Antonio Fideu en un pequeño experimento creativo titulado Carta desde el infierno, un relato inspirado en la leyenda de Jack el Destripador que ilustré utilizando inteligencia artificial cuando esta tecnología todavía estaba lejos de la popularidad actual. Por eso me ha alegrado especialmente descubrir que José Antonio, que es un alma inquieta y de la que rebosa oscura fantasía y magia a raudales, vuelve a embarcarse en una nueva aventura narrativa, esta vez acompañado por el ilustrador Roberto García Peñuelas. El resultado es Umbra Nova: El ladrón de sombras, una novela gráfica de fantasía oscura y estética steampunk que actualmente busca financiación a través de Verkami.

Leer más »
Lúmina supera las 700 auditorías… y el informe ya parece una herramienta de verdad
UI/UX

Lúmina supera las 700 auditorías y estrena un informe premium más accesible, visual y compatible con WCAG 2.2 y Lighthouse

Cuando lancé Lúmina, la idea era bastante simple: una herramienta rápida para comprobar la accesibilidad básica de una web sin tener que montar un entorno complejo ni pelearte con veinte informes distintos. Introduces una URL, esperas unos segundos y obtienes un diagnóstico automático basado en axe-core y criterios WCAG, sin más misterio; y la primera versión cumplía exactamente eso y funcionaba. Detectaba problemas reales. Generaba informes útiles. Pero también era evidente que todavía tenía bastante de “prototipo técnico”. Y sinceramente, no esperaba que tanta gente la usara tan pronto ya que estos días Lúmina ha superado las 700 auditorías realizadas.

Leer más »
LMN Site Monitor Desktop: monitoriza tus webs desde el escritorio, sin complicarte la vida
Misceláneas

LMN Site Monitor Desktop: monitoriza tus webs desde el escritorio de Windows, sin complicarte la vida

Durante años he ido tirando de pequeñas herramientas para vigilar el estado de mis webs, certificados SSL y dominios. Cosas sueltas, servicios externos, algún plugin… lo típico, pero siempre con la sensación de estar parcheando. Hace unos meses, para cambiar esto, decidí crear mi propia herramienta para monitoreo de sitios. Si ya conoces LMN Site Monitor, mi plugin de monitorización para WordPress, ahora quiero presentarte LMN Site Monitor Desktop, una aplicación de escritorio ligera que te permite monitorizar el estado de tus sitios web, sus certificados SSL y otros parámetros básicos directamente desde tu ordenador.

Leer más »
Una reflexión sobre cómo, en diseño de producto, la velocidad empieza a pesar más que el criterio… y la experiencia, sin hacer ruido, empieza a incomodar.
reflexión personal

Confundir experiencia con lastre

El diseño de producto es una disciplina que se apoya en la experiencia, pero cada vez parece tener menos paciencia con ella. En un contexto donde se prioriza la velocidad, las herramientas y la capacidad de producir rápido, el criterio y la toma de decisiones, que suelen venir con el bagaje, quedan en segundo plano. Este artículo plantea esa contradicción, cuestiona algunas simplificaciones habituales y pone sobre la mesa la necesidad de equipos más equilibrados, donde distintas formas de entender el trabajo convivan para construir productos más sólidos.

Leer más »
Episodio 346: 30 años haciendo webs, con Francisco Moreno
Misceláneas

Episodio 346 de #UBAC: 30 años haciendo webs, con Francisco Moreno

Echar la vista atrás y ver lo que ha cambiado el panorama del diseño y desarrollo web desde los 90 hasta ahora puede dar un poco de vértigo. Desde la usenet, los foros, el HTML con Dreamweaver a la creación de webapps con IA, el viaje ha sido brutal. El pasado lunes, tuve el honor de subirme al tren más cañero del desarrollo web del universo podcaster para hablar de estas cosas. «Un billete a Chattanooga», el reality-pódcast de diseño, marketing y negocios online con WordPress, de los inigualables Ana Cirujano y Pablo Moratinos.

Leer más »
UX, Usabilidad y Accesibilidad: cómo diseñar sin desesperar al usuario (ni a ti mismo)
UI/UX

UX, Usabilidad y Accesibilidad: cómo diseñar sin desesperar al usuario, ni a ti mismo

Hay dos tipos de productos digitales: los que funcionan, y los que hacen que quieras lanzar el dispositivo en que lo usas por la ventana. La diferencia rara vez está en el código. Está en la experiencia, en la usabilidad y la accesibilidad, características que suponen la diferencia entre una puerta que se empuja y una de la que se tira (y el coraje que da cuando te equivocas porque el diseño te ha engañado). Se basan en principios lógicos que nuestro cerebro ya conoce. En este post vamos a desmenuzar los fundamentos del UX, la usabilidad y la accesibilidad porque la mayoría de productos digitales que fallan, no lo hacen por tecnología. Fallan porque frustran.

Leer más »