Creating States Within Components
Instead of making frame after frame after frame for a large prototype, I would like to be able to create components that have states. This would be useful for things like toggles, button states, etc. where you can have complex micro-interactions like mouseovers, click states (regular state, depressed state, clicked states). So instead of having to create three different frames, you can just create a component for each element.
Design Tokens / Styles (Text, spacing, etc)
The ability to express and consume design tokens within Framer. We can already do this with shared colours, but this concept extends beyond this, including but not limited to: Text styles/tokens Spacing/layout tokens Default colours/sizing for newly created components Borders We can then leverage the availability of these tokens to better integrate design systems with Framer. By using the design system as the single source of truth, ideally we'd like to be able to automatically import these tokens into projects and be able to handoff any proposed changes to these tokens within Framer. What other tokens are we missing here? It would be a great to get an insight into what you currently express via tokens within your design system. Feel free to leave a comment!
Auto-sizing code components
Ability to have the container of code components to resize based on content inside / be dynamic based on data presented.
Export Assets in Framer Web
This is currently a deal breaker. Tons of devs don't have or want Framer desktop app and therefore would make it very hard for my team to use this tool in actual production. Please include the export of assets in Framer Web.
Linking Between Pages (Transitions)
I’d like to have the ability to link between Frames that live on different Pages. For example: Frame A lives on Page 1, but Frame B lives on Page 2, but I can set up a Magic Motion transition between these two Frames too—even though they are not visible on the same canvas.
Web - Install / yarn add public & private npm packages
Ability to not only install arbitrary npm packages from web, but also from private npm registries. CodeSandbox achieves this pretty well.
External Preview on Desktop
Have the ability to quickly open the preview prototype on a device with a QR Code from the Framer Desktop app
Un-Name Selected Layers / Remove All Magic Motion Data
When using magic motion I often want to only move a layer or two but a bunch of random layers are moving (especially when using a well-named mock) I'd love to be able to select all the layers and just say "don't animate please"
Default install packages
The ability to set certain component packages to install in every Framer project automatically, rather than manually selecting them every time you open a new project. Many teams often work with the same packages across their projects. These can be visual packages such as component libraries/design systems but also simple utility packages that abstract away some implementation for easy interactive prototyping. Installing these for every project can be a bit of a pain. It would be cool to achieve this with templates - allowing you to "templatize" a project containing all of the packages you want to be in any project that uses the template.