Explore how to draw a path in Framer X along with the options of the tool.
- [Instructor] Now let's explore how you can draw shapes…in Framer X with the Path tool.…Right now, our logo is a bit boring,…so let's use shapes to bring it to the next level.…So what I would like to do is a crosscheck…across the O here, and we're gonna use Path to do that.…So you can either click here or hit P.…And the way you draw path is literally the way…you can draw points, and then the path will…actually draw as you draw the points.…So let's go ahead and do that,…so I'm gonna start my crosscheck here,…make it there, then something around that,…and then do this, and then close my shape at the end here.…
And we'll basically change it afterwards.…So if you want to move any points or add any points,…you can literally go on the line here and add a point.…If you want to remove a point, you can literally hit Delete.…If you want to move a point,…you can basically select a point…and move the point wherever you want.…So I'm gonna go a little bit closer…to my design here, so I'm gonna hit Z for zoom,…and then click where I want to be.…
- What is Framer X?
- Define your layout
- Creating more layouts
- Using frames and text in frames
- Drawing with a path
- Creating interactions
- Working with React components
Skill Level Beginner
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Intermediate
Learning Framer X1m 8s
1. Introduction to Framer X
2. Design in Framer X
3. Prototype in Framer X
4. Introduction to Components
Next steps1m 19s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.