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

    Freemium Mac Web 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.

    It’s got all the team collaboration features you’d want in a high-fidelity prototyping tool: multi-player editing, easy sharing, inline commenting, reusable components, mobile preview, and developer handoff. But let’s cut right to what makes this one of the best design and prototyping tools on the market.

    Framer has a mobile app to view and interact with your Framer X and Framer Classic projects on Android/iOS phones and tablets called Framer Preview

     

    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

    Commercial 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

    Free Personal Mac Windows 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.

    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.

    Adobe XD has a companion app for phones that allows you to view and interact with your projects as visual prototypes called Small Adobe XD Mirror iconAdobe XD Mirror

     

    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 Mac Windows Web 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. Create a scalable design system that’s accessible for your organization and easy for you to manage. When all designers are speaking the same language, everyone’s more empowered to do their best work.

    Figma has a companion app for iOS and Android called Small Figma Mirror iconFigma Mirror, which allows you to easily preview designs on mobile devices with Figma Mirror.

    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.
    • 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!