{"id":24857,"date":"2024-04-25T08:29:52","date_gmt":"2024-04-24T23:29:52","guid":{"rendered":"https:\/\/designcompass.org\/?p=24857"},"modified":"2024-04-25T08:29:54","modified_gmt":"2024-04-24T23:29:54","slug":"framer-spring-event","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2024\/04\/25\/framer-spring-event\/","title":{"rendered":"Framer Spring Event: Creating a 3D Animation Website Made Easy"},"content":{"rendered":"

No-code website creation tool Framer is holding its spring event. We look back at Framer 2023 and reveal new features we plan to ship in the first quarter of this year. As the AR\/VR era approaches, this update from Framer, which focuses on the keywords no-code website, 3D, and animation, is interesting.<\/p>\n\n\n\n

\"Design
Design Tool Framer \u00a9Framer<\/figcaption><\/figure>\n\n\n\n

Framer focused on creating functional websites quickly and easily, without any code. It has been a great help in creating creative websites and Framer has been frequently used by many SaaS companies where there is no physical entity and product presentation is important.<\/p>\n\n\n\n

In 2023, Framer had 67 product updates. Over 16,000,000 websites have been created and 21,500 people have participated in the Framer community. We have created templates that allow you to easily create a website just by placing content, and useful plugins such as Framer Auth and Magic Form (Custom Field). We've also created templates that allow you to easily manage your content and create locally customized websites. We also ran a lecture program to learn about Framer and a Framer Gallery that selected cool websites.<\/p>\n\n\n\n

\"Update
Update history \u00a9Framer<\/figcaption><\/figure>\n\n\n\n
\"Website
Website Templates for SaaS \u00a9Framer<\/figcaption><\/figure>\n\n\n\n

Among the many new features, 3D Transforms stands out. Framer allows you to freely transform visual elements in 3D. In the right panel, you can adjust various variables such as angle, vanishing point, and depth. You can also set animations. You can create autoplaying looping animations or animations that react to the user's scrolling. Each setting value can be copied and pasted to other elements.<\/p>\n\n\n\n

\"3D
3D Editing \u00a9Framer<\/figcaption><\/figure>\n\n\n\n
\"3D
3D Interaction \u00a9Framer<\/figcaption><\/figure>\n\n\n\n

In addition, we introduced various functions necessary to create a living, creative website, such as the ability to customize the mouse cursor, localization 2.0 for multilingual management, and effects on components and pages. In addition, we shared a glimpse of the Framer plugin that will be released this year. You can register for early access emails on Framer's official website.<\/p>\n\n\n\n

\"Component
Component Styles \u00a9Framer<\/figcaption><\/figure>\n\n\n\n
\"Localization
Localization 2.0 \u00a9Framer<\/figcaption><\/figure>\n\n\n\n
\"Page
Page Effects \u00a9Framer<\/figcaption><\/figure>\n\n\n\n
\"Plugin
Plugin \u00a9Framer<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

More and Sources<\/h2>\n\n\n\n