Framer is a design tool for web designers and developers that lets users create production-ready code. Armed with basic coding knowledge, Framers has tools that can create animated effects, build UI components and tap into code libraries, UI kits, or packages. Framers also support typescripts. With Framer, you get a lot of creative freedom, features a cursor chat, a rapid code editor, Spotify integration, as well as Sketch, Figma, iOS, Photoshop, and more.
Segment |
|
---|---|
Deployment | Cloud / SaaS / Web-Based, Desktop Mac |
Support | 24/7 (Live rep), Chat, Email/Help Desk, FAQs/Forum, Knowledge Base, Phone Support |
Training | Documentation |
Languages | English |
Exclusive savings on Framer through Findstack Deals
The flexibility and logic based interactions. The sky is the limit
It's webkit based, so native mobile features (haptic touch, camera, etc...) are not accessible. The design tab is not where it needs to be yet for production use, but quickly getting there. Modules and organization of modules is a bit fractured and hard to keep track of.
Design-to-dev hand off and ideation for real app behavior. Prototyping interactions through Framer has allowed me to be able to solve problems faster and showcase an idea to other team team members more effectively
That it's written in JS and provided examples help you get started very quickly.
Chrome and safari are the only supported browsers. I wish they at least supported Firefox.
Not provided
1. You can just simply give a prompt to the AI and it will generate a proper Website for the Desktop, Tablet, and Mobile frame. 2. You can integrate your designs from Figma and edit them on Framer. It also provides plugins on Figma so that users can easily integrate it and paste the content to Framer. 3. You can add animations and transitions to your existing website to make your website responsive and dynamic using AI and manually too. 4. It also provides templates and tutorials for better understanding. 5. You don't need very much prerequired knowledge to implement it.
1. The First thing I dislike in this application is Pricing. It only provides some features for free to use. For full control, you have to pay for it. 2. It doesn't allow the user to design independently by himself. 3. AI only generates some prefix websites and templates. It can't add attractive images from the internet. Only it uses vectored images on the whole website which I don't like.
I have been using this website for the last 6 months. I use it to add animations and transitions and to make my webpage responsive and attractive. The integration of this website is super easy and I liked it. Just one plugin "Figma To Framer" is needed to paste your whole web design from Figma website to Framer. The AI tool is good but it needs some modifications.
Framer has helped me and my clients mostly in making really cool landing pages in seconds with easy to use tools and interface. We were able to implement its super cool features on its beautiful layout. We even added effects that made our pages even more attractive than usual. We have to give hats off for their integration with Figma that has enabled us to import our deigns from Figma and enhance it in Framer.
Their customer support is the only aspect of their service we had issues against. At times we were in confusion and upon contact they were slightly less responsive. Also they can remove the framer.ai domain and let us use our custom domain for some days in the trial period to really calculate the usefulness of it.
Framer has solved our needs of urgent editing and uploading landing pages for our clients and social media accounts in ease. Their service has been really excellent all throughout. The number of services and tools they had for us in their toolkit was really impressive allowing us to gain hyper-cool and attractive web pages with ease and almost no requirement of coding experience. This platform will surely turn our to be the future of UI/UX design. Their integration with other platforms like Figma is what makes Framer so irreplaceable. We are really happy and satisfied from their services as we built a SEO friendly website that attracts adequate number of traffic every month.
The best feature of Framer by far is importing from Figma, and the ease of the experience in the process, Framer has some great features, and it helped me become a better designer/developer.
I think Framer is a fantastic tool, the only thing that caught me off guard is the limited features for free users, other than that Framer is the best no-code web development tool I've used so far.
Making websites with no coding experience.
Framer really great product to build awasome websites
Using templates should be more easy to customize
Framer solving pre-made design and customizing features
As a Frontend Engineer working with a Creative Director this is our favorit new tool to collaborate and create websites. The world class UI makes it easy to find the right settings and crafting nice scroll animations is a breeze. Regular and useful product updates bring new features and improve Framer even more. Using code overrides or code components almost everything is possible.
Since Framer is very new there are some features missing like an integrated solution for language translations or more detailed filtering options in the CMS. Currently, there is no export functionality to self host a Framer website.
Framer enables a very fast workflow to design, prototype and implement websites without compromising quality. Client handover is seamless thanks to the easy to use interface and CMS.
Its way of designing for a website is unique, its learning curve is short and its functions make Framer a complete and rewarding experience when starting a new project.
I would like to have more native features such as: Forms, advanced SEO, more dynamic CMS, being able to create animations within components and an improved styles section.
I'm working on a website for an educational resources blog, I chose Framer because it gives me great SEO and a very fast loading of the website, features that other builders like Wix don't.
I am a designer in a small team and it was fantastic to find a tool where I could both design and "develop" at the same time. Like other tools, everyone can understand Framer to create a useful website, but I thought Framer has way more versatility to design and create something different from the typical templates other tools offer.
Framer is growing so fast, but at the time, it doesn't have all the integrations other tools have. Due to this, I also think there could be more information or videos on the internet to show you how to start using Framer. By the way, I think it's a matter of time, as long as more people will start using it, there will be plenty of useful information on the internet.
On our team, we don't have a lot of budget to spend on developers so it was very useful to find a tool where I (the designer) could do both tasks.
The Framer output is robust and fast. It lets us focus on design and messaging. What you see is what you get, but also in the best possible, quickest and most efficient way.
It is sometimes hard to keep track of all pages and components in a project. It can lead to changes affecting pages without realising it. You always publish everything. There is no granularity there.
We had an issue where publishing new landing page experiments took too long, was too restricted and hurt the development of backend features. Framer solved that immediately, and we can now go from idea to published experiment in minutes or hours rather than days or weeks. And when we ask our dev team to build something now, it is already validated. We do not waste time like before.
I love how easy is to get in the mindset of the tool and start building stuff with it. We needed a new CMS for our website relaunch and Framer was our first choice, even if it wasn't perfect and still in beta. In less than two weeks we were online. It's amazing that everyone, even without coding experience, can create a website or just update some texts and images very quickly. We did a lot of campaigns with different landingpages and the PM created them directly, with no help from dev or des (beside maybe some last touches from design, you know how perfectionist designers are). It's really cool also the staging feature, perfect to test responsive behaviour properly (let's be honest, the preview function in Framer doesn't really do the job and it's broken half the time). We also got a lot of support from you guys and that was really helpful at the beginning (again: thanks Aroa and John, you showed us some of the best tricks and workaround!)
As I was saying, live preview built in framer is kinda useless IMHO. It's broken half the time and you can't really simulate responsive behaviour there. Also the blog-CMS support: we had to do SO many code overrides even for the most trivial things. I know it's hard to ship a product like this perfectly functioning, but the updates on this are well, almost none. There is also some bugs here and there, nothing that isn't solvable by closing the app and opening it again, but it's just uncomfortable.
Going live asap since you don't need to wait for a developer to code your designs. Also small changes or edits: it's super fast and anyone can do it right away without having to open a ticket to even correct a typo.
Framer has been really good at quickly wiring up screens and frames for visual designs already made on other platforms. The prototyping is out of this world and deserves praise.
The design aspect of working in Framer - the editor - could be a bit more robust and extensive. The current feature-set in the editor is slightly constrained, could improve.
Framer has brought the ability to give interactions to our designs that are as life-like as possible. The main aim being that, creating life-like animations has never been easier.
The ability to collaborate on any particular idea prototyping online with ease is the most helpful feature of Framer. The code in Framer prototypes is directly usable on live projects, saving time and effort to write similar design codes again.
I find the coding part most challenging to go through while using this application. Furthermore, the interface and workflow are still a bit confusing for new users.
We have been using Framer to collaborate on any web design prototyping online, which has helped us work on any designs smoothly during this pandemic situation.
There is fantastic documentation and a solid community surrounding the product. The open code base means many people add to the libraries and create plugins. It's a great in between for higher fidelity mockups and has really helped improve the workflow of our product development process.
Requires some coding knowledge, which is not a problem, but adds to the learning curve. However, it's worth it.
Helps me communicate interaction design to visual designers and developers much more easily. Before, we had to find other examples and tell everyone to imagine it within our project. Now, we can just design the in between specifically for the product. We can also create our own libraries.
I really like the ability to tweak the interaction parameters, write and edit code to customize the animations. It's a great tool for those who don't afraid of coding, however you don't really need to know how to code, but it extends your possibilities greatly.
The learning curve is somewhat steep, but on the other hand there are already lots of resources. You'll need to know Coffee Script to get the most out of the software.
We're visualizing micro animations for the UI's we create. Also is a great tool for high fidelity mobile app prototyping. I even could make splash screen animations in it, so basically you can see your product right from the loading screen, with all the interactions a user can make, without coding it first.
- Side by side preview (live preview) - Autofill as you type
- Debugging becomes a tough task when misspellings are not highlighted
- Makes me efficient in expressing my ideas to higher stakeholders. Also to coders. - Empowers me as Designer - Can do multiple iterations
Framer stands out as a robust prototyping and design tool, offering several advantages that cater to the needs of designers and developers. One notable advantage is Framer's emphasis on interactive and realistic prototyping. The platform allows users to create highly interactive and dynamic prototypes, providing a more accurate representation of the final product's user experience. Framer's integration with popular design tools like Sketch and Figma facilitates a seamless workflow, enabling users to import their designs effortlessly. The platform's coding capabilities, based on the widely-used React framework, empower designers to implement complex interactions and animations, bridging the gap between design and development. Framer's real-time collaboration features enhance teamwork, enabling designers and developers to work together on the same project simultaneously. Additionally, Framer's extensive component library and reusable design elements contribute to increased design consistency and efficiency. Overall, Framer excels in empowering designers and developers to create interactive, high-fidelity prototypes that closely resemble the final user interface, fostering collaboration and efficiency throughout the design and development process.
While Framer is a powerful tool for interactive prototyping and design, it does come with some potential disadvantages. One notable drawback is the steeper learning curve compared to other design tools. Framer's emphasis on coding and its integration with React may be challenging for designers who are not familiar with programming concepts. This learning curve can potentially slow down the onboarding process and hinder quick adoption by design teams. Additionally, the robust features of Framer come with a higher price point compared to some other design tools, which could be a limiting factor for smaller design teams or individual users with budget constraints. Furthermore, the reliance on coding for certain interactions may lead to a more technical and less visual design process, potentially limiting the creative freedom of designers who prefer a more visual approach. Despite these disadvantages, Framer remains a powerful tool for those who prioritize advanced prototyping and are willing to invest the time in mastering its capabilities.
I needed to design a new website, and wanted to try an alternative instead of Figma. Framer was really useful for my purpose
Easy design-to-code transition. No-code simplicity for animations. One-click publishing.
Learning curve for some. Complexity in extremely intricate projects
Framer solves the challenge of bridging design and code seamlessly. This benefits me by streamlining the web design process, making it accessible with no code needed. The one-click publishing and Framer Motion for React enhance efficiency and creativity, translating to quicker project delivery and a smoother design workflow.
Framer is simple to use, easy to learn and packed with advanced features to build what you have on your mind. After creation, you publish and are done. Lighthouse speeds are also good and the community remixes are gasoline on the roaring fire that Framer currently is.
The cms without api. It lacks versatility and currently.mostly vendor locks you. Embrace the Jamstack please :)
Framer makes it easy to build an mvp/landingspage and is more then good enough to build upon after validating your concept.
Framer has made it possible to convert our designs into an actual website even more easily without any coding. This allows me to work faster and help more customers. It is also very easy to explain Framer to customers, allowing them to make adjustments themselves
Because it is still fairly young, it is not yet as far along as Webflow in some respects. As a result, we sometimes have to take a diversion or try something different. But most of the time we figure it out and succeed in another way
Because of Framer, we don't have to interact with customers as much and we can create the design all at once without having to design it first and then recreate it in Framer.