Framer X: Real Data Power your designs with real data in Framer X. This example shows you how you can design a card component and then leverage React code to populate ...
Framer X: Code Overrides In Framer X, it’s possible to add a code override to any frame to modify its appearance or behaviour. In this example, a ‘Scale’ animation is added...
Framer X: React Hey, designers! We just launched a new page that will tell you about all the powerful things you can do with React in Framer X — create interactiv...
Framer X: Publishing on the Store Create your own design and code components, then publish them to the Framer X Store to help fellow designers and let them build upon your work. Re...
Framer X Store Explore, favorite, and filter packages in the Framer X Store. See what’s trending or check out the most recently added packages. However you choose...
Framer X Store In the Framer X Store, you’ll find everything from complete interactive design systems to icons and UI elements. Browse packages to get a head star...
Framer X: Code Components Interactive components in Framer X are all React-based, which means you can import existing React components into your designs or create them from ...
Framer X: Customizable UI Extend the power of Framer X by customizing every last detail. Adjust the text, value, styling and functionality of any component using the propert...
Framer X: Components Components in Framer X aren’t just any components, they’re fully interactive, reusable elements that can include everything from real data utilitie...
Framer X: Modals To design a modal in Framer X, simply connect your button to a frame using the Link tool, then choose the transition type from a dropdown menu in t...
Framer X: Overlays Menus or modals, it’s all easy to design in Framer X. Just point and connect between screens, then customize transitions and animation direction us...
Framer X: Scrolling Draw scrollable areas, then connect it to any content layer. There’s no limit to what you can create — nested scrolling, vertical slides, fixed hea...
Framer X: Interactive Tools We’re sending out more Framer X Beta invites this week. In the meantime, learn more about our selection of intuitive tools that allow anyone to cre...
Framer X: Snapping Get ready to draw and edit paths more efficiently. Framer X’s powerful path tool calculates center points for you and includes advanced snapping. ...
Framer X: Drawing Framer X has all the features you need to draw everything from custom icons to detailed illustrations. Fine-tune your designs with our advanced pat...
Framer X: Frames Design for every device, on any platform with Framer X. The Frames tool automatically infers constraints and hierarchy so you can resize and watch ...
Framer X: Skip the Line Hey, designers! Want to jump ahead in the line for Framer X? Here’s how: Every friend that signs up with your unique referral link bumps you up i...
Loupe Workshop 03 Apps are now a dime a dozen. This class with @Freddie Iboy and Preya Patel teaches you how to create new, original, and fun ideas using code and UI...
Loupe Conference Workshops Our full-day Loupe Conference workshops are designed to provide real value and inspiration. In Workflow Fundamentals, both beginners and advanced p...
Loupe Conference Venue The EYE Film museum is an Amsterdam landmark and the site of our upcoming Framer Loupe conference. Designed to mimic human motion, the building is ...
Loupe Conference Speakers We’ve put together a Framer Loupe conference lineup of all the designers that inspire us. Get front row seats to hear talks from Devon Ko, Claudio ...
Loupe Conference 2018 Hey, Dribbble! Today we’re proud to launch Loupe, a new design conference we’ll be hosting this fall in the heart of Amsterdam. Join us for two da...
Modular UI Kit - Landing page Hey Dribbble! Yesterday we launched Modular, a brand new Android UI Kit designed to help you kickstart your next native project. To showcase the k...
Wireframing with Framer Hi Dribbble! Did you know that Framer is also a great tool for wireframing? In our latest guide we walk you through the differences between wirefr...
← Prev Next →