Skip to main content
Felipe_Almeida
Felipe_Almeida
January 29, 2021

Export/record prototype to Video or GIF

  • January 29, 2021
  • 156 replies
  • 264928 views

  1. As a designer I would like to record my prototype screen or export it as a gif so I can use it in presentations and send quick examples in the team group.

  2. It would be great to have the same feature then Principle to record or export the prototype to gif.

  3. Does anyone have the same need? Is anyone using a plugin or workaround to help solve this?

    156 replies

    Show previous replies
    Mike_Clarke
    Mike_Clarke
    September 29, 2022

    Please make this happen. Screen recording works but if you’re on a smaller monitor you wont get 100% actual size.

      Soheil_Hm
      Soheil_Hm
      Active Member
      October 31, 2022

      Hey @Felipe_Almeida,

      Me and a friend of mine are building a plugin to export prototypes to gif.
      Are you open to give us some feedback on the plugin UX (attached)?

      The MVP will probably just be a basic image or screen conversion to gif/mp4/lottie but later on we will integrate it more deeply into figma to pick up existing connections user created.

      Would this MVP help you achieve your goal? DO you have any feedback?

      Soheil

      plugin flow

        Soheil_Hm
        Soheil_Hm
        Active Member
        October 31, 2022

        hey @cesno,

        I am working on a solution for this. Do you mind providing feedback on it?

        Soheil

        Soheil_Hm
        Soheil_Hm
        Active Member
        October 31, 2022

        hey @Jc_Martel,

        I am working on a solution for this (includes Lottie). Do you mind providing feedback on it?

        Soheil

        cesno
        cesno
        Active Member
        November 1, 2022

        Hi ! Sure !

        Soheil_Hm
        Soheil_Hm
        Active Member
        November 1, 2022

        Thanks so much for your response @cesno

        We thought about it more and decided to try to use “smart animate” as the source for the gif. So there is very little the designer need to do to use this.

        Just focus on building the interaction, open the plugin and then export to gif.

        If you are ok, we can share with you the developer version with instructions to run it.

        I think it should be ready next week to share with you.

        Soheil

          cesno
          cesno
          Active Member
          November 2, 2022

          Yes, I would happy to try it out. Let me know.

            Katherine_Van_Winkle
            Katherine_Van_Winkle
            November 7, 2022

            Any updates on this? I’m looking for this solution and would be happy to test it out as well

              Soheil_Hm
              Soheil_Hm
              Active Member
              November 8, 2022

              hey @Katherine_Van_Winkle we just published a beta version for review, you can see the demo here and let us know what you think:

              twitter.com
                Naveen_Yadav
                Naveen_Yadav
                November 29, 2022

                @Soheil_Hm Hey - What’s the name of the plugin? Can I test it? Thanks.

                Show more replies
                Terms & ConditionsAccessibility statement