Explore
Your command center for diving into our latest courses, episodes, and browsing the topical areas you want to improve.
Recent Courses
Build a Shopping List Prototype
In this course you will create a shopping list that actually works and is responsive on all devices! Episodes include advanced tips around s...
Advanced Origami Techniques
Once you've got the basics of connecting patches and creating logic down, you can do just about anything in Origami. This series looks at so...
Design an iOS App - Part Two
In the first half of this course, we designed the app, and laid out the overall navigation structure. Now we can now focus on some finer int...
Runes - Build a SpriteKit Game
Building a game with SpriteKit is surprisingly easy, and super rewarding! Learn to wrangle sprites effectively and build a fun and beautiful...
Recent Episodes
Fix Clipping Issues
This episode is just a quick update to fix some visual issues with the artwork. We'll show a different way to structure the cards to avoid cutting off huge glows.
Getting Used to Using Components
Components are something that can easily be overlooked, but they're hugely useful. Make the switch to thinking about components like symbols in Sketch.
Accurately Transfer Designs from Sketch
Importing designs from Sketch is pretty easy in Origami, but there are a couple different methods of import. Depending on how you need to use the imported layers, one met...
Simulated App Launching
Start off this prototype by making the app launch from the iOS Home Screen.. virtually! We'll use repeating animation and work with loading images in this quick intro les...
Load and Use JSON Data with Symbols
Symbols become even more powerful when you use them to generate dynamic content based on data. We'll start using the drink list item symbol in this episode with an extern...
Replacing Sample UI Elements
When designing your UI, it's useful to create and see states that are fueled by data. So how do you then turn around and power that UI with data in your prototype?
Framer v108 - Shapes and Frames
Framer version 108 is an awesome design-focused update, with the addition of a pen tool, shapes, and better grouping! Learn about the new features while making a cool loc...
Using Templates and States on Symbols
One reason symbols are so powerful is because you can set up the instances to be customizable using text templates and states. The drink list item has multiple states and...
Displaying Score Feedback
For every score, the player should feel or see some kind of feedback. We'll start creating that feedback for our game by generating a score floater every time a rune is s...
Design-Based Symbols in Framer
Creating components in design mode is great - but how do you reuse these elements in a dynamic way? In this episode we'll explore one method of creating reusable objects...
