In this video, Emmanuel Henri demonstrates how to add styles to the component and how it impacts the prototype.
- Okay, so let's continue working on our component here. … So right now, it doesn't look too good. … So housing in this ball, blah, blah, blah. … So because this is a component that we created from code, … we can't really change anything in here. … So we need to really do the styles directly in code. … So let's go ahead and click again, edit in code. … And let's make some changes here. … So right now we have our overall styles … applied across the board. … So what we're going to do, a few changes here. … The first thing I'm going to do is add a flexWrap, … so let's go ahead and do that, flexWrap. … And then wrap. … So each line in our component, … so each division has a return and wrap … inside of our component. … So if we take a look at what it looks like after, … we have now something that's a little bit better. … So now let's go back to here, … and then let's go and create new styles … for our title and then for our text. … So first, let's copy and paste everything that we have here. …
- What is Framer X?
- Navigating the user interface
- Designing with Framer X
- Working with the layout and drawing tools
- Building interactions
- Creating simple and complex components
- Implementing overrides
- Exporting your prototype
Skill Level Intermediate
Prototyping AR User Experiences with Framerwith Emmanuel Henri51m 50s Intermediate
1. Framer X Overview
2. Design with Framer X
3. Build Interactions with Framer X
4. Create Simple Components
5. Create Complex Components
6. Advanced Features in Framer X
Next steps1m 21s
- 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.