From the course: Figma: Building Animations and Interactions

Unlock this course with a free trial

Join today to access over 24,400 courses taught by industry experts.

Exporting images from a shared Figma project

Exporting images from a shared Figma project - Figma Tutorial

From the course: Figma: Building Animations and Interactions

Start my 1-month free trial Buy for my team

Exporting images from a shared Figma project

“

Any images that we'll be using for this project can be exported from Figma and placed within the project structure for use in our conversion. Additional information for positioning is presented as well and will be more or less useful depending upon your layout as present in the already defined CSS rules. So if we're previewing our Figma design file and we click on Water, we can see it come in. Clicking on the Nutritional Information button is going to reveal a couple of things. There's this extra body copy here, this lead. And then there is the actual nutritional information image. So we need to get this out of the Figma design file and into our native web content. So let's jump back to our design file here, and we can see that we do have an expanded state for that. And of course, we have our content here. Now you can do this within your design file itself in Design Mode, or you can do it through Dev Mode. So if I double-click here to get inside, I make sure that we are in our content…

Contents