Framer.js

framer.com

Endless New Ways to Use Framer for Visual Design

We’re excited to introduce Framer Effects, an extensive set of styling capabilities that we know you’ve been waiting for, including blending, blur, multiple shadows, and filters. Now you can design any interface…

Read the full story⇀

framer.com

A Change In Motion – Working With Vector-Based Animations in Framer

I have always advocated for using code as a tool for design exploration. But at the same time, whenever I’m in a team that’s trying to adopt code in their design process,…

Read the full story⇀

github.com

Framer Modules

Community-driven modules registry and manager for Framer. Looking for the right module used to be time-consuming and annoying—you didn't know if a module for the job exists, you weren't sure where to…

Read the full story⇀

framer.com

The A-to-Z of Framer’s Text Layers

With the launch of Dynamic Type, text blocks created in Framer Design became real Text Layers. In addition to updating the text in Code with template tags, you can now change how…

Read the full story⇀

framer.com

Fiber – an Interactive UI Kit by Framer

Fiber UI Kit is the perfect starting place for your next project. Each element has been designed to work independently or as one seamless flow. It’s a full-fledged prototype with customizable components.…

Read the full story⇀

A Change In Motion

I have always advocated for using code as a tool for design exploration. But at the same time, whenever I’m in a team that’s trying to adopt code in their design process,…

Read the full story⇀

framer.com

Creating Microinteractions in Framer

Smooth movement, state changes, and subtle transitions help users understand how to use your interface by giving simple feedback on certain actions. Often, these transitions will echo real-world analogs (such as the…

Read the full story⇀

prototypr.io

My Design Workflow: Sketch + InVision + Framer

For every design tool out there, there are many heated discussions about which one is the best. And as much as we would like, there is no one perfect tool to rule…

Read the full story⇀

medium.com

When to Use Framer, and When to Use Origami (A Tale of Two Constraints)

It’s been said we’re in the “renaissance of prototyping”, and to facilitate the meme it seems as though we’ve been given the Leonardo and Michelangelo of tools by the teams at Framer…

Read the full story⇀

framer.com

Introducing Framer Gradients

When it comes to design, color has the potential to make or break a product, and recent trends suggest gradients are experiencing a vibrant comeback. Subtle, flat or overlay, the two-tone effect…

Read the full story⇀

medium.com

How to Master Framer Design

With the launch of Framer Design, you can now start your designs from scratch directly in Framer. Skip the back and forth of importing files and start with a blank canvas in…

Read the full story⇀

framer.com

Facebook Sound Kit, Now in Framer

Sound is addictive. Neutral, positive or otherwise, the auditory experience of product users has come a long way from the classic dial-up tone. Frantic keyboard clicks, the optimistic ping of a right…

Read the full story⇀

youtube.com

Framer Crash Course

On this crash course we're gonna learn the basics of design and code on Framer. Framer is a tool for drawing, prototyping, coding, and sharing projects across teams. It combines the familiarity…

Read the full story⇀

prototypr.io

iOS UI Kit for Framer — Reinventing UI Kits

In my last article “New Framer Workflow — 10 things you’ll love” I covered most exciting new features of Framer, including the Design workspace. There’s one thing however that would make this new workflow…

Read the full story⇀

prototypr.io

Shaping Up Your Framer Prototypes With SVG

The newest release from Framer, Design, is a foundational step in creating an all-in-one interaction design tool. With Design, simple shapes can be created and manipulated visually, rather than imported from Sketch…

Read the full story⇀

framer.com

Framer Patterns

Need native-level animations and transitions? Don’t start from scratch. Simply download any of our ready-made interaction patterns to kickstart your next project. All you need to do is customize to perfection.

Read the full story⇀