Prototyping


  • Proto.io

    Commercial Web Website

    Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. Companies like IDEO, Disney, Paypal, Airbnb and more use Proto.io.

     

    Proto.io icon
  • InVision

    Freemium Web Android iPhone Android Tablet iPad Website

    We believe the screen is the most important place in the world. That’s why we are dedicated to helping you deliver the best possible digital product experience, with our platform and best practices from your peers.

    With intuitive tools for ideation, design, prototyping, and design management, the InVision platform gives you everything you need for digital product design, all in one place.

    It’s what more than 5 million people—at tens of thousands of companies, including 100% of the Fortune 100, and brands like Airbnb, Amazon, HBO, Netflix, Slack, Starbucks and Uber—use to make products you love.

    InVision is a fully distributed company with employees in more than 20 countries around the world. Together, we’re on a mission to help you make every digital experience magically better.

     

    InVision icon
  • Marvel

    Freemium Android iPhone Android Tablet iPad Apple Watch ... Apple TV Apple Messages Software as a Service (SaaS) Website

    The collaborative design platform. Wireframe, prototype, design online and create design specs in one place. Or create an integration with our API.

     

    Marvel icon
  • Framer

    Commercial Mac Website

    Framer combines the power of code with the ease of visual editing. Prototype beautiful microinteractions or realistic apps. It’s time to design with development in mind.

     

    Framer icon
  • Sketch

    Commercial Mac Website

    Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

     

    Sketch icon
  • Principle

    Commercial Mac iPhone iPad Website

    Principle makes it easy to create animated and interactive user interface designs. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.

     

    Principle icon
  • Avocode

    Commercial Mac Windows Linux Web Sketch ... Adobe Photoshop Website

    Inspect designs and export assets

    Open Sketch, Adobe XD, Adobe Photoshop and Figma designs on macOS, Windows, and Linux, or in the browser. Generate CSS, Swift & Android code from layers, export images, fonts, styles, pick colors, measure sizes, distances and more.

    Keep your designs organized in the cloud

    Upload unlimited Sketch, PSD, XD or Figma files to one safe place, where your team can access, open download them 24/7. Organize designs in projects and keep design versions in sync.

    Comment and give visual design feedback

    Invite your team members and easily manage user permissions. Give precise design feedback via comments and get notified on Slack or email when something changes.

     

    Avocode icon
  • Balsamiq Wireframes

    Freemium Mac Windows Web Website

    Balsamiq Wireframes is a rapid low-fidelity UI wireframing tool that reproduces the experience of sketching on a notepad or whiteboard, but using a computer.

    FEATURES

    • Built for Collaboration - teams can meet and design online
    • UI Components & Icons - Hundreds of built-in and community-generated UI controls and icons.
    • Drag & Drop Simplicity - Assemble elements with the confidence of knowing they can be implemented.
    • Export to PNG or PDF - Share or present wireframes on the web, via images, or via interactive PDFs.
    • Optimized for Speed - Wireframe at the speed of thought with Quick Add and many keyboards shortcuts.
    • Re-usable Symbols - Create templates, masters, and re-usable and customizeable component libraries.
    • Interactive Prototypes - Linking lets you generate simple prototypes for demos or usability testing.

     

    Balsamiq Wireframes icon
  • ProtoPie

    Commercial Mac Windows Android iPhone Android Tablet ... iPad Website

    ProtoPie is the easiest tool used to turn your UI/UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT.

     

    ProtoPie icon
  • Origami Studio

    Free Mac Android iPhone Website

    Origami Studio is a free design tool built by Facebook designers for creating interactive UI prototypes. An elegant, layer-based interface allows designers to repaidly create prototypes with layers, build interactions and then share them with others.

    FEATURES

    • Layer-based editing that lets you import layers from Small Sketch iconSketch .
    • Intuitive patch-based design for creating interactions, animations and behaviors.
    • Save time by using a library of pre-built components that you can add to.
    • Preview designs live via Origami Live, the accompanying mobile apps for Android and iOS.
    • Capture and export video recordings directly from the app.

     

    Origami Studio icon
  • Adobe XD

    Freemium Mac Windows Android iPhone Android Tablet ... iPad Website

    Adobe XD (Experience Design) is a vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.

    Official description:

    Wireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more — all in one app. XD is made for designers, creative teams, and organizations that need to design at scale. It’s everything you need to work more efficiently, collaborate effortlessly, and create and manage your design system.

    Pricing:

    Adobe XD is a freemium application: for the desktop application, subscription plans range from $9.99 to $82.98 per month. (Source: Adobe, 3 July 2019). For smartphones, it costs $1.99 to add 20 GB of Creative Cloud storage space.

     

    Adobe XD icon
  • Mokup

    Free Mac Windows Website

    Mokup is a tool to design interactive animated prototypes. Mokup allows you to create prototypes of any scale – up to full-size application prototypes with multiple screens and complex interactions. From websites to mobile or smart-TV applications, Mokup will help you to visualize your ideas. Available on Mac, Windows, iOS & Android.

     

    Mokup icon
  • Figma

    Freemium Windows Linux Android iPhone Android Tablet ... iPad Software as a Service (SaaS) Website

    Figma is the collaborative interface design tool. Keep the team focused and on the same page with real-time communication and collaboration featuring commercial quality vector and raster graphic tools.

    FEATURES

    • Real-time collaboration for team and client communication.
    • Full-featured vector graphic manipulation.
    • Vector networks simplify edits by letting you drag-and-drop lines instead of individual vector points.
    • Visual versioning to quickly compare between versions.
    • Works in browser and on desktop with downloadable apps.
    • Easily preview designs on iOS devices with Figma Mirror.
    • Import projects from Small Sketch iconSketch

     

    Figma icon
  • Flinto

    Commercial Mac iPhone Website

    Flinto for Mac is a comprehensive app prototyping tool that allows you to create anything from simple tap-through prototypes, to comprehensive prototypes with impressive interactions. We’ve carefully designed Flinto for Mac to minimize complexity. There’s no programming or timelines. It’s the prototyping tool designers have been waiting for.

     

    Flinto icon



Comments on Prototyping

Echo echo ... Feels empty in here

Maybe you want to be the first to submit a comment?

Sign up to comment, it's simple!