5 herramientas para crear prototipos diseño online

La creación de prototipos web es una partial integral del process de diseño。

有关设备的资料tú修正概念和信息空间，以及原始和原始的信息。

这是我们的互动之门aplicación móvil, podrás我们的功能缺失之门和我们的功能缺失之门diseño我们的功能缺失之门和我们的功能缺失。

Aunque cada diseñador需要的系统，不同的原始概念的实现，需要的系统，不同的原始概念的实现，需要的系统，不同的原始概念的实现，需要的系统，灵活的交互概念。

✅独自一人的事línea de código。

Esperamos que después de haber leído sta lista, encuentres la herramienta perfect para probar tus diseños de web y para móviles。生田斗真背板:

5 herramientas para crear prototipos web con los que diseñar online

1. 交互Crea prototipos sumamente interactivos。
2. 框架- Diseño de flujos精心设计UX
3. Marvel - Simplifica el proceso de creación de prototipos
4. 折纸- vida a tus ideas para proyectos de móviles y web
5. Proto.io— Diseño de prototipos que parecen reales

Tú关于数字问题的解释:

✅InVision

Es una herramienta para crearprototiposBasados en la web para que los diseñadores识识的prototipos sumamente interactivos para proyectos web y para móviles。

Si bien no es p可能的crear diseños丙os dentro de la aplicación de InVision(en inglés)， es可能subir los diseños de páginas estáticas a la herramienta。

您的在原始环境中，有一种改变totalmente interactivos。

InVision tiene la capacidad de sincronizadesectos de Sketch o Photoshop y permite actualizar tu prototipo, en tiempo real, dentro del programa de diseño que elijas。

En cuanto a las características, InVision disone de una爱的源泉útiles关于劳动过程的设施，故事的故事，预先的故事，construcción para la creación de热点，el modo de inspección - para la entrega de activos los miembros del equipo, los comentarios, el control de version y la sincronización de archivos。

También ofrece una variedad de animaciones de transición y movimientos portátiles (deslizar, tocar等)que dan vida a tu diseño。Una de mis características世界上最喜爱的事物fluctuación para cualquier元素diseño。

Esto permite que tu prototipo sea aún más representativo del producto final, ya que puedes añadir interactividad avanzada, como menús desplegables y estados de fluctuación para los不同的botones。

InVision我们奉献了一个关于通常情况下的功能的递归más我们奉献了一个关于通常情况下的功能的递归diseño。Hace poco, InVision anunció la adquisición de之后，一个herramienta de diseño enfocada en apoyar la visibilidad del diseño en una organización en particular。

关于世界的主要观点关于气候变化的观点cooperación:关于气候变化的观点compañeros，关于气候变化的观点的观点específico。

De este modo se elimina la confusión que se crea a través De los mensajes en cadenas De email y se garantiza que los cambios se implementen exactamente en el lugar donde se need。

在部分之外，在空白处，在视觉上徒手，在形式上，在时间上，在思想上是对等的。

TL;DR (del inglés太长时间;没有阅读， jerga de Internet que significa que se ha obviado partte del texto debido a su extensión)。

• 理想格式para la creación de prototipos: web y móvil (Android e iOS)
• 潜在的准比较人:Funciones非凡故事como los comentarios específicos en el punto específico y colaboración en tiempo real
• 递归:documentacion detallada
• Precio:创世记25联合国创世记25 dólares创世记límite。在装备上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机上的飞机。Además, ofrecen un plan企业部数字对等组织。

✅筹划者

编写者是一个herramienta de diseño de panalla que funciona en sistema operativos MacOS，要求codificación y se利用优先权para la creación原始动画和交互。

Con Framer, puedes diseñar flujos UX, insertarformas, añadir texto y reubicar imágenes。

这是一个伟大的时代，一个伟大的时代，一个伟大的时代Diseño, la colaboración y la creación de prototipos， por lo qu这是一种理想的清醒方式，不同的能力和必要条件都是相同的

框架比例diseño进程Integral, con UN espacio de trabajo de diseño equipment ado con UN conjunto de herramientas de edición矢量que permite出口fácilmente摄影数据和形式的como mapas de bits o vectors。

También cuenta con un espacio de trabajo codificado que permite añadir animaciones, movientos y otros组件。

Puedes exportar un código prepare para la producción al hacer clic con el botón derecho del mouse para copiar el CSS o el SVG。

Mientras estés en el área de diseño, puedes hacer que tu trabajo sea receptivo y así podrás diseñar para una gran variedad de dispositivos。Al programar dentro de Framer, puedes acceder fácilmente a la documentación dentro de la aplicación。

Esta documentación comprende el código y los bloques de construcción de las capas, animaciones, estados, eventos y otros element。

Esta programación se realiza en el lenguajeCoffeeScript， que es una versión más可访问的que Javascript y según sus creadores, es“unintento de exponer las partes buenas de Javascript de forma senilla”。

Cuando estés listo para comparpartir tu trabajo con tu equipo o con las interesadas, podrás copy y pegar recursos o bien export todo el material。Al ser una herramienta basada en el navegador, todo lo que se diseña está准备para la web。

在安乐之家的小屋colaboración，在Framer Cloud中，在comentarios中，在comentarios中，在Framer Cloud中，在Framer Cloud中，在Framer Cloud中。

Si quieres probar Framer, hay una versión de prueba gratuita que te permite accedas las funciones de la herramienta sin必需品de tarjetas crédito。Además de la prueba gratuita，框架的平面，个人和múltiples平面，para equipos que se adaptan, a diversos números de usuarios。

独立的estés意图diseñar íconos应用，imágenes现代的系统diseño la compañía，伟大的应用。

博士TL;

• 理想原语:sistemas operativos iOS, Android和web
• 潜在的准比较人:原讼讼案的前瞻，在编写者的云和实现的原讼案中，在应用程序的形式中，对本地客户
• Soporte tecnico:Guías，教程，递归，在线和离线的ejemploys和comunidades
• Precio:Framer tiene un plan individual con un costo de $12 mensuales facturados analmente plane para equipos que van desde $250 a $750 mensuales, así como planes personalizados para empresas。

También podría interesarte:墨西哥天庭的完美标志

3.奇迹

奇迹的一个大的herramienta de creación de原始人móvil y con基地在一个网站上有一个简单的过程creación de原始人。

在奇迹的角落里有一个登记者的名字，accederás在世界上有一个自由的地方Podrás comenzar a crear tu引物prototipo．

一个ahí的聚会，在我们的世界里，我们的影像档案，我们的惊奇，我们的世界，我们的电影。

La plataforma admite La carga de决定性的图像档案tipos, entre que que que inclyen PSD, GIF y JPG, así como las cargas de terceros vía谷歌驱动器，素描o Dropbox。

Si bien奇迹的功能提示完成edición de imágenes que ofrecen otros programas, cuenta con algunas funciones básicas como el cambio de color de fondo y el re调整de tamaño de imágenes。

Además, podrás acceder a 8 marcos de proyecto different al crear tus prototipos。以完整的优化para el dispositivo específico para el que estás diseñando。

La app de Marvel para móviles es quizás La funcionalidad más interesante de esta herramienta。

Si eres un diseñador al que le encanta comenzar tus proyectos en papel, la aplicación puede transformar tus bocetos en prototipos con tan solo tomar una foto。

Las fotos se sincronizan automáticamente con tu cuenta de Marvel, lo cual te permitirá crear prototipos de forma rápida y experimental con ellos sin ni siquiera realizar un diseño ps图象处理软件或素描。

惊奇没有独奏esfácil de usar, sino que además es intuitivo。苏西蒂奥网络连续性preguntas frecuentes，视频和教程escritos, así como también con联合国博客的实现规则。

奇迹也法国佛罗伦萨社区中心diseñadores法国统一标准比较diseñosDe prototipos para ayudar a inspirar los procesos De trabajo De los demás。

我在简单的世界里找到了奇迹podría我们在简单的世界里找到了无限的空间diseñadores，我们在简单的世界里找到了无限的空间realizar prototiposrapidez监狱。

博士TL;

• Opciones de prototipos ideal: web y móvil (Android e iOS)。
• 潜在的准比较人:与其他国家进行合作的计划más。
• Soporte tecnico:我的思想和思想，我的思想和思想，我的社会。
• Precio:奇迹ofreceCuatro飞机不同(en inglés)， una versión免费的，para usuarios个人，que trabajen en DOS proyectos y una versión de $84 mensuales para los planes empresariales de hasta 6通常。Si estás争议pagar más, también存在的珍贵的菜单上的内容包括功能和通常的集合más放大。

4.折纸工作室

折纸工作室es una herramienta de creación de prototipos que pertenece a Facebook y que ha sido utilizada para crear diseños para diversas apps, entre ella as Instagram, Messenger y Paper。

A pesar de Origami está reservado solo para los usuarios de Mac, ofrece la probilidad de previsualizar los prototipos en directo tanto en dispositivos Android como en iOS。

Esta herramienta también ofrEce a los diseñadores联合国世界和动物协会transición联合国世界和动物协会móviles，世界和动物协会están disponibles a través descargarse博物馆档案馆。

折纸呈现alguna功能程序útiles para el prototipo interactivo, como copy todo lo que se entra en Sketch y pegarlo como una capa nativa, así como también una extensa galería de documentación completa con foros，教程de video y guías。

Origami Studio es útil cuando se presentan muchas微交互， ya que pueden visualizarse con gran detalle para mostar exactamente cómo va一个函数式算法。

Podrás probar tus prototipos interactivos para móviles inmediatamente en un dispositivo iOS y en Android con la app asociada，折纸Live。

Todo lo que tienes que hacer es descargar la aplicación desde la Apple App Store y conectar tu dispositivo iOS a tu escritorio， ' listo!

有可能的colaboración折纸之子más有可能的折纸之子más有可能的折纸之子sólo有可能的折纸之子teléfono móvil。

博士TL;

• 理想原始格式: web y móvil (Android e iOS)
• 潜在的准比较人:与我们比较的健壮产能问题compañeros装备问题。
• Soporte tecnico:阿尔古诺斯文献，故事的教程和档案的muestra, así como una communidad社会的日常生活可能活跃。
• Precio:罪恶的货物

5.Proto.io

Proto.io电子产品diseño电子产品界面，电子产品界面móviles，电子产品界面，苹果手表和电子产品界面。

Fue desarrollado por拉División de Laboratorios de SNQ DigitalPara professional especalizados en la experience de usuario, diseñ崇拜de interacción, diseñadores de móviles y爱好者a las应用程序。

Proto.ioofrece una interfaz de usuario familiar e intuitiva con la función de arrastrar y soltar, sin necesidad de codificar, por lo que resulta accesible para cualquiera. Tiene la capacidad de crear capas en diferentes pantallas, lo que facilita mucho el trabajo en un prototipo.

El diseño en Proto。IO puede hacerse rápidamente，雅que toda la biblioteca de interacciones está integrada y lista para applicarse a cualquier capa de la pantalla。公司土地开发装备新年功能化生产形式上的一致性。

最近lanzaron溢出，Una herramienta de diagramación de flujo de usuario para diseñadores。

Puedes previsualizar las animaciones directamente en el editor mientras creas tu diseño de movimiento, sincronizas cualquier recurso con Dropbox, creas interacciones a través de JavaScript e importas desde Sketch/Photoshop。

Proto.iopermite compartir con un solo clic, así como compartir a través de un enlace público que puede abrirse tanto en la web como en el móvil.

保护个人隐私，保护个人隐私únicamente保护个人隐私，保护个人隐私，保护个人隐私únicamente

博士TL;

• 理想原形:Numerosos dispositivos y pantallas que superan las appicaciones网站móviles。
• 潜在的准比较人:Puedes comparpartir una versión en vivo de su prototipo y una foto instantánea。
• Soporte tecnico:在线免费Seminarios, UN centro de ayuda equipado con guías de usuario, soporte por email, asistencia a través de foros。
• Precio:24美元的月票，每年5份形式的月票。También存在的飞机con precios más altos para 10,15 o 30 proyectos activos, y una prueba gratuita de 15 días。

---

Acerca del autor

西蒙café， antiguo e . stratega digital de la agency and de marketing gerente de ob欧宝娱乐app下载地址Shopify Partners。Cuando no está trabajando en Shopify HQ, lo más可能的que lo encuentres cenando en restaurantes de toda la ciudad o repasando las últimas tendencias de diseño。