Facebook gives away next-gen design tool Origami, for free

Wdd Logo.
February 07, 2014
Facebook gives away next-gen design tool Origami, for free.

thumbnailOrigami, developed by the Facebook design team, is one of the emerging next-generation tools for designers producing interactive, flexible websites and apps. It’s also free.

Origami is not a standalone application, but is actually a plugin for Apple’s (also free) Quartz Composer. While QC was originally developed to create motion graphics, Origami transforms (or evolves) it into an interaction prototyping tool.

The making of Origami

The team was frustrated by the process and the results of developing dynamic concepts with sets of static images. Not only was it limiting for presentation of ideas, they felt it also limited the ways they were thinking about interactive design.

The patches and examples that make up the Origami toolkit are specifically for creating interactive prototypes. Adding Origami also eases what has been a steep learning curve for Quartz Composer. No longer dependent on a coding team to create and test interactive mobile experiences, designers at Facebook are learning to use Origami in training sessions of about an hour and a half.

The giveaway

Facebook product designers Drew Hamlin and Brandon Walkin are largely responsible for developing Origami, and we can thank Hamlin for his work in making it freely available to the public.

The team at Facebook believes Origami can energize the field of interaction design and get us thinking about fluid behaviors rather than static image design. Internally, they’re training all their own designers to use both Quartz Composer and Origami going forward. There is also an open Origami Community group on Facebook dedicated to “discussion, questions, feedback, and sharing examples.”

By giving it away for free, are they missing a revenue opportunity? Maybe, but Hamlin reminds us it’s not the tools that make great design, but the designers.

Have you tried out Origami yet? How do free tools compare to premium tools? Let us know your thoughts in the comments.

WDD Staff

WDD staff are proud to be able to bring you this daily blog about web design and development. If there's something you think we should be talking about let us know @DesignerDepot.

Read Next

20 Best New Websites, July 2024

Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…

Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance

WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…

Exciting New Tools for Designers, July 2024

Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…

3 Essential Design Trends, July 2024

Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…

15 Best New Fonts, June 2024

Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…

20 Best New Websites, June 2024

Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…

Exciting New Tools for Designers, June 2024

In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…

3 Essential Design Trends, June 2024

Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

How to Reduce The Carbon Footprint of Your Website

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Has AI Killed User Testing?

Web designers employ user testing to evaluate a website’s functionality and overall UX (user experience). Various…