Origami @FacebookOrigami Twitter profile

Pinned Tweet

Origami

4 years

Origami Studio 3 is here. With a new canvas interface, dynamic layout, Figma & Sketch support and a ton of performance improvements and new patches.

22

52

364

Last Seen Profiles

@Joe_Bookmark

@ArochaStonky

@kizunagoods2

@shwqt1234

@gong_zhi79823

@SharlSharla

@TakezoMitsurugi

@RChinnabba

@BrewerPerk48567

@Anitakanwar9

@Mansoooj

@sharkivore

@tessyclarke

@sofifii

@AndrewCesare

@potya2ki

@nicomzz

@StuckinPAtuck

@hyunjinsccp

@ziade97743

@HmnsId

@KeithZinde2841

@EttarPodcast

@tibasins

@AZabienski

@xshitism

@manunitedpit

@pachuca_ssp

@pecos_rooftops

@oSQUEEZYo

@RondoThaKiid

@ffunny_page

@Mariposantoin

@saraymnn

@Randyl906

@TheCrumbReviews

Origami

@FacebookOrigami

4 years

Announcing the Origami 3 Beta. With a new canvas interface, dynamic layout, Figma & Sketch support and a ton of performance improvements and new patches.

21

117

529

Origami

@FacebookOrigami

8 years

Introducing Origami Studio — A new tool from Facebook for designing modern interfaces. Get it for free at 🐦💻🆓✨

12

269

465

Origami

@FacebookOrigami

2 years

🔨 We've been hard at work rebuilding the Origami engine in 2022. 🚀 The engine is 95% faster overall — specifically, patch evaluation is 127% faster and rendering updates happen 161% faster. 🔬 The latest release enables more complex prototypes without performance bottlenecks.

9

7

248

Origami

@FacebookOrigami

2 years

👋 Today, we're rolling out a new Origami version with a JavaScript patch. 💻 It'll allow you to write JavaScript logic, unlocking some new possibilities. 📖 To get started, update the app and check out our Scripting Basics:

9

18

175

Origami

@FacebookOrigami

9 years

We're excited to show you Origami Studio, a new design tool from @facebookdesign 🆕🐦✨

5

106

155

Origami

@FacebookOrigami

1 year

🪄 We're excited to introduce #Lottie by @airbnbdesign support! 🎉 Simply drop a JSON or Lottie file on the patch graph and hook it up to the Lottie Animation patch. 💻 Download the latest version of Origami at:

5

26

154

Origami

@FacebookOrigami

9 years

Origami Studio will be available later this year, for free. 🐦💻🆓🔥

9

43

124

Origami

@FacebookOrigami

4 years

New in Origami: - New interaction patterns, tutorials, and examples in our redesigned Welcome Window. - Detachable patch output and loop popovers. - Add interactions directly from the Canvas. - Simultaneous front-and-back camera support - and more 👇

2

10

121

Origami

@FacebookOrigami

7 years

Release day! Today's Origami release works with the new UI sounds from @facebookdesign – we've renamed the Sound Board patch to Sound Kit.

Design at Meta

@DesignatMeta

7 years

Today we're releasing Sound Kit, a collection of custom interaction sounds for your work

1

82

259

0

21

85

Origami

@FacebookOrigami

9 years

As promised, the video for the Origami Studio announcement is now up on Facebook!

Rapid Prototyping Made Easy with Origami Studio | By Meta for...

www.facebook.com

5

37

80

Origami

@FacebookOrigami

5 years

We've updated the Origami Live app for iOS, adding support for iOS 13 and fixing a number of issues with AirDrop and sharing to device. We also snuck in a couple other changes that you might notice 👀

2

6

79

Origami

@FacebookOrigami

7 years

Origami Studio turns 1 year old today! 🎉

Origami

Origami Studio turns 1 year old today! 🎉 It's been amazing to watch the Origami Community grow over the past year and see what people are creating! From everyone at Facebook and the Origami team,...

www.facebook.com

2

8

74

Origami

@FacebookOrigami

6 years

A new Origami Studio release is out today with new iOS and Android devices, a few new patches, 2 new tutorials, and a handful of improvements! This release also includes support for macOS 10.14 and Sketch 52.

3

9

67

Origami

@FacebookOrigami

9 years

Here's a first look at Origami Studio's interface 👀💻 — check out the brand new layer list:

2

38

63

Origami

@FacebookOrigami

7 years

A brand new Origami Studio release is out today, featuring a redesigned layer inspector, 5 new patches, and tons of improvements and fixes!

1

14

66

Origami

@FacebookOrigami

11 years

Looking to learn Origami? A fan created this "Getting Started" video:

Prototyping with Facebook Origami

(Update 2016-01-05: Please note that a new version of Origami was released in October 2015. Some of the patches mentioned in this tutorial may have been deprecated…

vimeo.com

1

15

46

Origami

@FacebookOrigami

2 years

📣 Introducing Layer Search in Origami! With this update, you can: 🔍 Search by layer name and filter based on type. 📰 View where each layer lives and inspect its parents by clicking on them individually. ✏️ Edit, rename, or delete a layer while searching. 👇 Take a look:

2

4

46

Origami

@FacebookOrigami

6 years

Today we're releasing a new update to Origami Studio, including: Network Requests, rich text styling, improved performance, and more!

5

9

46

Origami

@FacebookOrigami

9 years

Use fully functional Android + iOS components, ~or~ make your own to share with your team!📱⚙

2

20

42

Origami

@FacebookOrigami

4 years

Introducing Blazing Fast Performance for Apple Silicon

Origami

Introducing Blazing Fast Performance for Apple Silicon We are pleased to announce that Origami Studio’s latest update adds native support for Apple Silicon. This means that if you have one of the...

www.facebook.com

7

5

40

Origami

@FacebookOrigami

9 years

Recap of what we showed today 🔂

1

22

38

Origami

@FacebookOrigami

7 years

iOS 11 components, now in Origami Studio! New release is out that features updates to the iOS components, improved device scaling, performance, and updated Sketch support for v48.

0

6

38

Origami

@FacebookOrigami

9 years

It's happening ~ we're live from the Design Prototyping talk with @joulee @mhrescak @andpoul @tarngerine at #F8 ! 🙏🏾🤗

1

8

37

Origami

@FacebookOrigami

9 years

Run prototypes on any Android or iOS device, without being plugged in 🙅🏾🔌.

2

15

37

Origami

@FacebookOrigami

5 years

We've added 3 new tutorials to . Learn how to prototype with device motion, create components, and share systems!

0

5

33

Origami

@FacebookOrigami

11 years

Just released Origami 1.2 with support for iPad & landscape devices, tools for desktop web design, and more. http://t.co/oGVM37w4JB

We're excited to release Origami 1.2 today. What's new: The Phone...

We're excited to release Origami 1.2 today. What's new: The Phone patch now supports iPad and landscape for all devices. The cursor is now styled like...

www.facebook.com

5

28

32

Origami

@FacebookOrigami

7 years

A quick tutorial for building prototypes using the iOS Haptic Engine by Alborz Heydaryan! If you're looking to add a little bit of feedback to your iOS prototype, working with the Haptic patch is super easy.

0

5

31

Origami

@FacebookOrigami

4 years

Fun easter egg interaction to celebrate 10 years of Instagram, prototyped in Origami 🤫📲👉⚙️👀⬇️⬇️⬇️🥳🎁

George Kedenburg III

@GK3

4 years

12

5

111

0

3

32

Origami

@FacebookOrigami

7 years

New release out today! Improved Sketch support, better Android reliability, new devices, and more! Read more:

1

8

29

Origami

@FacebookOrigami

6 years

A great write up and tutorial from @gilbertolenzi : Prototyping a League of Legends app using Origami Studio and the Network Request patch.

Prototyping a League of Legends App

Here’s how I’m using Origami Studio & the Network Request Patch to get the League of Legends API’s data.

medium.com

0

3

29

Origami

@FacebookOrigami

9 years

We're giving a talk on design prototyping at F8 on April 13th, and hosting a event that evening in SF! RSVP:

Origami Community | Since we launched Origami two years ago, we've...

Since we launched Origami two years ago, we've been blown away by what all of you have designed and we can’t wait to share what’s next. :) We’re giving a talk about design prototyping at F8 on...

www.facebook.com

1

13

30

Origami

@FacebookOrigami

7 years

Thanks to the members of @facebookdesign for their help with the iOS 11 GUI, you can find out more at:

0

5

29

Origami

@FacebookOrigami

6 years

New on : 6 new examples, featuring prototypes from Spotify, WhatsApp, and more! Thanks to @bartonsmith , @charliedeets , and everyone else for sending in their work.

0

6

28

Origami

@FacebookOrigami

11 years

A behind-the-scenes look at how Paper was created and how Origami can empower designers and improve your work. http://t.co/sHb54uTouo

0

23

27

Origami

@FacebookOrigami

9 years

Prototyping is design 🤔

ryan brownhill

@ryan_brownhill

9 years

Using @FacebookOrigami Studio has made prototyping a place to start designing not an after thought.

0

1

4

0

3

27

Origami

@FacebookOrigami

7 years

Plenty of news today, so here's more: landscape, JSON, Keyframes from AE, live streaming, and more!

1

11

25

Origami

@FacebookOrigami

8 years

Got time this weekend? Head over to to try Studio!

Origami Studio — Learn

Get up to speed in Origami Studio. Learn how to build, preview and share your prototypes.

origami.design

0

3

25

Origami

@FacebookOrigami

8 years

Particle systems are probably the first thing we added after rectangles and text. Critical to product designers everywhere.

0

4

24

Origami

@FacebookOrigami

7 years

Great overview of a few core concepts in Origami Studio. Worth checking out if you're just starting out or need a refresher!

Punchcut

@Punchcut

7 years

"Unfolding the Art of Code with Origami Studio” #ux #prototyping

2

10

0

3

23

Origami

@FacebookOrigami

9 years

Happy Wednesday! We'll be tweeting live from our talk at #F8 later today, 2PM PDT. Stay tuned 🙊🔜 ~~

1

15

20

Origami

@FacebookOrigami

4 years

The Origami 3 Beta is now open to everyone. You can download the Origami Studio Beta from and the Origami Live App from the App Store.

0

6

22

Origami

@FacebookOrigami

10 years

Facebook launched a new app today called Rooms—and it was designed with Origami! http://t.co/boiG7VDMTr

0

15

22

Origami

@FacebookOrigami

9 years

Loops make it easy to fill repeating grids and lists with real data. ➿

1

5

22

Origami

@FacebookOrigami

6 years

🚨 Opening for contract designer at Facebook 🚨 The Design Tools team at Facebook is looking for a contract designer who is proficient in Origami Studio to update components for our Facebook Design System and produce educational content. More info:

Origami Community | 🚨 Opening for contract designer at Facebook 🚨 |...

🚨 Opening for contract designer at Facebook 🚨 The Design Tools team at Facebook is looking for a contract designer (40 hours a week) who is proficient in Origami Studio to update and maintain...

www.facebook.com

0

10

20

Origami

@FacebookOrigami

6 years

New tutorials on : Text Input and Orientation. Learn how to build prototypes that capture keyboard input and work in both portrait and landscape!

0

4

19

Origami

@FacebookOrigami

8 years

The new Origami Live hasn't propagated on the App Store yet for iOS. Hold tight! The Android app however, is live~

0

2

19

Origami

@FacebookOrigami

11 years

Introducing Origami: a design prototyping toolkit for Quartz Composer. http://t.co/oEkpyJXJkF

1

12

16

Origami

@FacebookOrigami

7 years

If you're getting started in Origami, @charliedeets put together a short video and demo walking through the basics.

Simple Origami Demo - Comparing the workflow with Framer

In this video I recreate a demo I had previously done in Framer (https://www.youtube.com/watch?v=CgY6fT7HwAw) to explore the differences in workflow.Download...

www.youtube.com

0

6

18

Origami

@FacebookOrigami

6 years

Sharing some work from the Origami Community: @dawidwoldu wrote about using components to build dynamic layout.

Origami Studio. Self positioning components.

TLDR: I built a self positioning base component that you can extend, so you don’t have to manually position your components anymore. The…

medium.com

0

5

15

Origami

@FacebookOrigami

6 years

To help everyone get started, we updated with a brand new Prototyping with Data tutorial: Learn the basics of using the Network Request patch, traversing JSON results, generating a list and filling layers from a data source.

Origami Studio — Prototyping with Data

Request and use live data in your prototype.

origami.design

0

1

16

Origami

@FacebookOrigami

6 years

Origami Community member @SteveSaul82 wrote a great tutorial that walks through using live data in Origami using the new Network Request patch. Worth checking out to make your prototypes more dynamic and realistic!

Tutorial: Prototype a Simple To-Do App Using Origami Studio and Firebase

Build an on-device prototype that uses live data — no coding required!

blog.prototypr.io

1

2

16

Origami

@FacebookOrigami

9 years

Use PaintCode? Now you can add dynamic animated images to your compositions with the PaintCode plugin for Origami. http://t.co/tYaSvZ8fsr

1

10

15

Origami

@FacebookOrigami

11 years

We've just released Origami 1.1! Read what's new and download it at http://t.co/aURj2AtgjQ

0

13

15

Origami

@FacebookOrigami

11 years

Behind-the-scenes blog post by Facebook design director @joulee about why design prototyping matters:

1

11

15

Origami

@FacebookOrigami

10 years

We introduced Origami 1 year ago today! Thanks everyone for your support this year. Stay tuned for exciting updates in 2015. Happy holidays!

0

3

13

Origami

@FacebookOrigami

9 years

Say 👍❤️😆😮😢😡 to Reactions — designed in Origami with @kineme !

0

3

13

Origami

@FacebookOrigami

4 years

@chumsdock Not in the initial beta but it's a feature we're actively working on!

1

0

13

Origami

@FacebookOrigami

9 years

Origami now includes the most popular devices from . Grab v2.1.4 now!

1

4

10

Origami

@FacebookOrigami

9 years

Free time this weekend? Spend it learning Origami with our brand new docs! 🤔💎💡

0

6

12

Origami

@FacebookOrigami

7 years

From everyone at Facebook, thanks for using our design tool, building an amazing community, and always helping us make Origami better!

0

12

Origami

@FacebookOrigami

7 years

All of the new devices in the Origami release today are also available to download from !

Design at Meta

@DesignatMeta

7 years

The Apple iPhone X and 8, Google Pixel 2 and 2 XL, and Samsung Galaxy S8 are now all available in Origami and on

1

32

114

0

1

11

Origami

@FacebookOrigami

7 years

Come hear about our design systems work and how we use design tooling to spread adoption across all product teams!

Shali Nguyen

@shalinguyen

7 years

Excited to finally be talking about our design system at Facebook!

11

17

123

0

11

Origami

@FacebookOrigami

6 years

London! The UK community of Origami Studio has organised an Origami meetup on June 19th at General Assembly in Whitechapel. Get all the details and register here:

0

1

11

Origami

@FacebookOrigami

9 years

Thanks for tuning in, y'all✌️! We'll upload the full talk asap~ Join the discussion:

0

10

Origami

@FacebookOrigami

9 years

3 things we think about when picking the right design tool

0

2

10

Origami

@FacebookOrigami

7 years

A 5 hour prototype challenge in Origami by @chrisjacobs91 for @prototyprIO . Great documentation and advanced loops tips!

Chris Jacobs

@chrisjacobs91

7 years

My first article for @prototyprio about prototyping hard stuff in @FacebookOrigami - I started with @BBCAcademy @BBCiplayer radio app spinner!

1

11

0

4

10

Origami

@FacebookOrigami

4 years

@b3ll *Redefines*

1

0

10

Origami

@FacebookOrigami

6 years

We're looking to update to feature more work from the community. There's a lot of incredible work being done with Origami and we want to showcase a few examples so others can see and learn from your work!

Origami

Hey everyone! We're looking to update Origami.design to feature prototypes from the community – it's a great opportunity to showcase what you've made and a chance for others to learn from you work!...

www.facebook.com

2

4

8

Origami

@FacebookOrigami

6 years

Petter talks through building a camera interface in Origami. Check it out if you haven't played with the Viewfinder layer or Camera patch!

Petter Nilsson

@petterheterjag

6 years

Sharing my experience of prototyping a camera interface using the actual device camera:

1

2

14

0

5

10

Origami

@FacebookOrigami

6 years

@gabrielvaldivia It's nice to have you back too, Gabe

0

9

Origami

@FacebookOrigami

8 years

@joulee i love cake

0

8

Origami

@FacebookOrigami

7 years

It's been amazing to watch the Origami Community () grow over the past year and see what people are creating!

Origami Community | Facebook

Discussion, questions, feedback, and sharing examples related to Origami Studio for Mac, a free tool for designing modern interfaces. http://origami.design When asking for help — share your...

www.facebook.com

1

0

7

Origami

@FacebookOrigami

11 years

Introducing Paper, a new way to explore and share stories from friends and the world around you.

0

4

7

Origami

@FacebookOrigami

4 years

😮

Joe Kennedy

@joekndy

4 years

iOS 14 App Launcher in @FacebookOrigami

1

0

30

0

7

Origami

@FacebookOrigami

9 years

@drewhamlin miss u

0

6

Origami

@FacebookOrigami

11 years

“Before we started using Origami, we designed using Photoshop—static mockups. I think our products reflected that.” http://t.co/d9wHky9qD2

2

10

6

Origami

@FacebookOrigami

7 years

We just shipped a small update for Origami Studio to add support for Sketch v49 and address a few other issues. Check for updates from Origami Studio, or grab the latest from

1

0

5

Origami

@FacebookOrigami

8 years

An awesome prototype for an English dialog practice app for kids by @stella_dou

Origami Community | Hey guys, I created a prototype of an English...

Hey guys, I created a prototype of an English dialogue practice app for kids with Origami. In this prototype I explored audio recording patches with Microphone and sounds player. Will upload a...

www.facebook.com

0

3

Origami

@FacebookOrigami

4 years

@GaurangAlat @imcatnoone @taylordunham_ @parkerhendo Oh hey, sorry for the confusion! We opened up the beta pretty lowkey a couple weeks back since the release candidate is coming out soon. You can grab the latest beta from like others mentioned.

1

0

4

Origami

@FacebookOrigami

9 years

If you were on the wait list for the event — we've actually got more space! Come on down for food and drinks til 9~~

1

0

4

Origami

@FacebookOrigami

6 years

If you have an Origami prototype that you think would be great to share or have any questions, reach us on Facebook or send us a DM!

0

4

Origami

@FacebookOrigami

7 years

@charliedeets on designing at WhatsApp, using Origami and Facebook's design tools.

0

1

3

Origami

@FacebookOrigami

4 years

@gn0me Hey Andrei, you can add a Gradient Fill layer from the Layer Library and nest it in a Group or mask it with a Rectangle

1

0

3

Origami

@FacebookOrigami

9 years

@dnevozhai @mhrescak you'll be able to store as many prototypes as you need on your device

1

0

3

Origami

@FacebookOrigami

5 years

@dmierau Origami Studio is still being actively developed. Thanks for the kind words, we’ll update you on progress as soon as we can.

0

3

Origami

@FacebookOrigami

8 years

@nlevin @arbales we think it's a beautiful face

0

3

Origami

@FacebookOrigami

9 years

@Soengle unfortunately our f8 session will not be live streamed but we will upload it very soon after!

0

3

Origami

@FacebookOrigami

7 years

@raphaellopesph We have a bunch of tutorials and examples available at: Would recommend starting with: Getting Started, Adding Logic, and Screen Transitions.

Origami Studio — Learn

Get up to speed in Origami Studio. Learn how to build, preview and share your prototypes.

origami.design

1

0

3

Origami

@FacebookOrigami

9 years

@Naxum @ryan_brownhill @facebookdesign yes, we are free

0

3