Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🖋️ A complete reimagining of vector editing in Framer. Draw shapes and paths right on your canvas, create custom Vector Sets with variables, and, best of all, dive into vector animations starting with the stroke effect. This is just the beginning for vectors.

Framer

199,707 subscribers

30,407 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

11 Comments

Framer1 year ago

Learn more about Vectors ↓

South Shore Designs1 year ago

Transform your space with stunning canvas art from 🎨 Our exclusive designs add a pop of creativity and style to any room. 🏡 Discover your perfect piece today! #CanvasArt #WallArt #HomeDecor #ArtLovers #InteriorDesign #ArtForSale #ArtCollection

Agris | UX Gardener 🌱1 year ago

Animated icons will appear on all templates pretty soon 😄🙌✨

Smruti Nayak1 year ago

Going to try this out ASAP🏃‍♂️‍

Moe’ - Design Handyman🌵1 year ago

No waaay 💯. This one feature is so close to my heart

Konrad Makowski1 year ago

Woooooo!!!! Amazing info!!!

✰ raini ✰1 year ago

vector animations :,)

Reji Modiyil1 year ago

@framer, exciting innovations like this open endless possibilities for creative projects.

Krzysztof Hejna1 year ago

Yes yes yes! Please be good 😁

Skar1 year ago

Yoo these upgrades are next level🔥

Vaibhavv1 year ago

Am I dreaming..? Somebody tell me this's true

Related Videos

Introducing Vector Feathering — a new way to create vector glow and shadow effects. Vector Feathering is a technique we invented at Rive that can soften the edge of vector paths without the typical performance impact of traditional blur effects. (Audio on 🔊)

Introducing Vector Feathering — a new way to create vector glow and shadow effects. Vector Feathering is a technique we invented at Rive that can soften the edge of vector paths without the typical performance impact of traditional blur effects. (Audio on 🔊)

Rive

382,211 views • 1 year ago

🖌️ Vectors are now available on the Framer Marketplace. Easily add ready-made icons and illustrations to your site, fully organized and customizable. Have your own Vector Set to share or sell? Submit it to the Marketplace today.

🖌️ Vectors are now available on the Framer Marketplace. Easily add ready-made icons and illustrations to your site, fully organized and customizable. Have your own Vector Set to share or sell? Submit it to the Marketplace today.

Framer

63,508 views • 8 months ago

✍️ Introducing On-Page Editing for Framer. Edit text, replace images, and create new CMS pages, all directly on your site. No canvas. No CMS. The next chapter of editing and publishing begins.

✍️ Introducing On-Page Editing for Framer. Edit text, replace images, and create new CMS pages, all directly on your site. No canvas. No CMS. The next chapter of editing and publishing begins.

Framer

265,066 views • 11 months ago

🧵1/n This thread covers the linear algebra for modern computer graphics, bridging geometry, physics, and computation. Video 1: Vector Spaces & Cartesian Coordinates Source: CMU. 👇Video 2: Vector Operations, Vector Spaces, Functions as Vectors, and Vectors in Coordinates

🧵1/n This thread covers the linear algebra for modern computer graphics, bridging geometry, physics, and computation. Video 1: Vector Spaces & Cartesian Coordinates Source: CMU. 👇Video 2: Vector Operations, Vector Spaces, Functions as Vectors, and Vectors in Coordinates

tetsuo

52,043 views • 1 year ago

If you missed the Framer Spring Event, don’t worry—here’s a quick recap of everything we announced 📊 Click tracking, funnels, and A/B testing ✒️ New Vector tools for drawing and animating icon sets 🪄 Wireframer AI to quickly generate responsive sites 🛠️ Workshop AI to vibe-code interactive components

If you missed the Framer Spring Event, don’t worry—here’s a quick recap of everything we announced 📊 Click tracking, funnels, and A/B testing ✒️ New Vector tools for drawing and animating icon sets 🪄 Wireframer AI to quickly generate responsive sites 🛠️ Workshop AI to vibe-code interactive components

Framer

44,145 views • 1 year ago

A little something to take the edge off → Simplify vector → Offset vector now in Figma Draw

A little something to take the edge off → Simplify vector → Offset vector now in Figma Draw

Figma

177,218 views • 11 months ago

Get Your Very Own AI Engineer! We present your very OWN AI Engineer as part of ChatLLM! Watch the engineer create a custom bot based on your documents. It will create a vector store, configure your custom bot, and deploy it in minutes. An end-to-end custom RAG system becomes instantly available! This is just the beginning! We hope to upskill the Engineer rapidly.

Get Your Very Own AI Engineer! We present your very OWN AI Engineer as part of ChatLLM! Watch the engineer create a custom bot based on your documents. It will create a vector store, configure your custom bot, and deploy it in minutes. An end-to-end custom RAG system becomes instantly available! This is just the beginning! We hope to upskill the Engineer rapidly.

Bindu Reddy

77,693 views • 1 year ago

How do computers understand data? With semantic search! Instead of just matching keywords, it understands context using vector embeddings. Here’s how: 1) Convert data (text, images, etc.) into vectors (embeddings) 2) Store these vectors in a vector database 3) Search by meaning, not just the keywords Semantic search makes finding data across formats easier. Learn more in this blog post by Leonie, my all-time favorite:

How do computers understand data? With semantic search! Instead of just matching keywords, it understands context using vector embeddings. Here’s how: 1) Convert data (text, images, etc.) into vectors (embeddings) 2) Store these vectors in a vector database 3) Search by meaning, not just the keywords Semantic search makes finding data across formats easier. Learn more in this blog post by Leonie, my all-time favorite:

Femke Plantinga

23,911 views • 1 year ago

Quiet Kriss Vector, with Eotech and Osprey to complete the square look.

Sensitive content

Quiet Kriss Vector, with Eotech and Osprey to complete the square look.

Jaeger

167,310 views • 1 year ago

Improved vector editing with the Cut tool, any way you slice it → Click to split a line or a point → Drag to slice across vectors

Improved vector editing with the Cut tool, any way you slice it → Click to split a line or a point → Drag to slice across vectors

Figma

75,026 views • 9 months ago

advanced vector lettering technique with interwoven shapes (shiblinumani)

advanced vector lettering technique with interwoven shapes (shiblinumani)

Type Labo©

12,887 views • 6 months ago

I had the joy and the honor of being invited to give the Harvey Mudd College commencement address this year. In the vector space of all advice, I explore a 5-dimension subspace orthogonal to the “follow your dreams” vector. YouTube Link:

I had the joy and the honor of being invited to give the Harvey Mudd College commencement address this year. In the vector space of all advice, I explore a 5-dimension subspace orthogonal to the “follow your dreams” vector. YouTube Link:

Grant Sanderson

123,158 views • 2 years ago

Variable width for vector paths in Figma.✏️

Variable width for vector paths in Figma.✏️

Darius Dan

89,990 views • 1 year ago

Quick test of CC Vector Blur for a magma-style effect. Works nicely with CC Particle World

Quick test of CC Vector Blur for a magma-style effect. Works nicely with CC Particle World

Denys Bondartsov 🇺🇦

26,882 views • 1 year ago

THANKSGIVING IS CELEBRATING MEMECOIN Ws WITH YOUR FAMILY TRADE ANY AND ALL SOLANA COINS ON VECTOR NOW

THANKSGIVING IS CELEBRATING MEMECOIN Ws WITH YOUR FAMILY TRADE ANY AND ALL SOLANA COINS ON VECTOR NOW

VECTOR

128,119 views • 1 year ago

Check out this awesome Blender animation of GFL2's Vector firing her signature KRISS Vector by Ha_ru. More weapon animations:

Check out this awesome Blender animation of GFL2's Vector firing her signature KRISS Vector by Ha_ru. More weapon animations:

80 LEVEL

26,942 views • 11 months ago

My first experiment with stylized water! :) It's based on modifying the surface normal vector depending on the camera vector and some extra emissive rim light.

My first experiment with stylized water! :) It's based on modifying the surface normal vector depending on the camera vector and some extra emissive rim light.

Krystian Komisarek

48,034 views • 1 year ago

GeoLibre v1.10.0 is here! GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. This release brings photorealistic city-scale 3D to the map, adds OGC API vector tiles, and makes vector tiles and live editing easier to work with. What's new in v1.10.0 - Google Photorealistic 3D Tiles: drape entire cities in photorealistic 3D right in the map, streamed and rendered through - ArcGIS I3S scene layers: stream Integrated Mesh and 3D Object scene layers and render them in 3D on the shared instance. - OGC API vector tiles: add standards-based OGC API - Tiles vector tile services as a remote source, right alongside XYZ and ArcGIS vector tiles. - Local HDF5 and NetCDF-4 loading: open scientific HDF5 and NetCDF-4 files straight from disk, no cloud references required. - GeoEditor from the current view: pull the vector features currently visible in the map into the GeoEditor and start editing what you are looking at, without re-importing the source data. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: #GIS #Geospatial #OpenSource #RemoteSensing #DataVisualization #MapLibre

GeoLibre v1.10.0 is here! GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. This release brings photorealistic city-scale 3D to the map, adds OGC API vector tiles, and makes vector tiles and live editing easier to work with. What's new in v1.10.0 - Google Photorealistic 3D Tiles: drape entire cities in photorealistic 3D right in the map, streamed and rendered through - ArcGIS I3S scene layers: stream Integrated Mesh and 3D Object scene layers and render them in 3D on the shared instance. - OGC API vector tiles: add standards-based OGC API - Tiles vector tile services as a remote source, right alongside XYZ and ArcGIS vector tiles. - Local HDF5 and NetCDF-4 loading: open scientific HDF5 and NetCDF-4 files straight from disk, no cloud references required. - GeoEditor from the current view: pull the vector features currently visible in the map into the GeoEditor and start editing what you are looking at, without re-importing the source data. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: #GIS #Geospatial #OpenSource #RemoteSensing #DataVisualization #MapLibre

Qiusheng Wu

23,612 views • 5 days ago