Write a tutorial for how to export from Figma to Remotion

[JonnyBurger]

🎃 This issue is part of our Hacktoberfest campaign!
📚 Read more about Hacktoberfest here
🕛 This issue is currently taken by @kaf-lamed-beyt

---

Right now this is a Twitter video:

https://twitter.com/jnybgr/status/1496748768821133312

It would be nice if it was turned into a documentation page, step by step with pictures.

Hacktoberfest Acceptance criteria

• Create a new documentation page under the Techniques section and explain how one can export SVG from Figma and import it into Remotion.
• Show an example and include screenshots (can also be a different example than the one shown in the video)
• Expect that the reader has some very basic understanding of React and Figma.
• Feel free to credit yourself at the bottom of the post.
• Link https://www.remotion.dev/docs/lottie/after-effects in the See also section.

---

IssueHunt Summary

kaf-lamed-beyt has been rewarded.

Backers (Total: $111.00)

• jonnyburger ($111.00)

Submitted pull Requests

• #1378 Exporting from Figma to Remotion

---

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

[issuehunt-oss]

@jonnyburger has funded $111.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[kaf-lamed-beyt]

Hi @JonnyBurger,

I'd love to take on this issue

[JonnyBurger]

@kaf-lamed-beyt You got it!

[kaf-lamed-beyt]

Great! 🚀

[kaf-lamed-beyt]

Hi @JonnyBurger,

The description of this issue says I should "create a new documentation page under the Techniques section" but I can't really locate that. I've navigated into the docs folder, and I'm not seeing anything related to that. Perhaps you could show me?

[JonnyBurger]

Hi @kaf-lamed-beyt, look for a file called sidebars.js that defines the sections on the left! You can edit it to add a new page to that section.

[kaf-lamed-beyt]

Awesome!

I'll get started now

[issuehunt-oss]

@jonnyburger has rewarded $99.90 to @kaf-lamed-beyt. See it on IssueHunt

• 💰 Total deposit: $111.00
• 🎉 Repository reward(0%): $0.00
• 🔧 Service fee(10%): $11.10