Suchen Sie nach einer M\u00f6glichkeit, Ihr Entwickler- und Designspiel auf die n\u00e4chste Stufe zu heben? Figma ist ein erstaunliches Tool, mit dem Benutzer umfangreiche Prototypen voller Audio-, Video- und Animationseffekte erstellen k\u00f6nnen. Um jedoch die Haptik und Funktionen des Prototyps richtig zu testen, sollten Sie ihn als GIF exportieren und in Aktion sehen k\u00f6nnen.<\/p>\n
In dieser Anleitung wird erkl\u00e4rt, wie Sie Ihre Figma-Prototypen mit Ihrem PC oder Mobilger\u00e4t als GIFs exportieren k\u00f6nnen.<\/p>\n
Der einfachste Weg, animierte GIFs aus Figma zu exportieren, ist mit dem TinyImage-Plugin. Bevor Sie das Plugin starten und verwenden k\u00f6nnen, m\u00fcssen Sie sich bei Ihrem Figma-Konto anmelden und zum Abschnitt \u201eCommunity\u201c gehen.<\/p>\n
So laden Sie das Plugin herunter:<\/p>\n
Wenn Sie das Plugin installiert haben, \u00f6ffnen Sie das Designprojekt, das Sie als GIF speichern m\u00f6chten. Klicken Sie auf eine beliebige Stelle auf dem Bildschirm, um das Dropdown-Men\u00fc zu \u00f6ffnen. W\u00e4hlen Sie \u201ePlugins\u201c und tippen Sie auf \u201eTinyImage Compressor\u201c, um es zu starten.<\/p>\n
So erstellen Sie ein GIF mit dem Plugin:<\/p>\n
\u00dcber das Dropdown-Men\u00fc \u00fcber den Miniaturansichten der Ebenen k\u00f6nnen Sie Ebenen auch von links nach rechts oder von rechts nach links abspielen. Um jedoch mehr Kontrolle \u00fcber das endg\u00fcltige Erscheinungsbild des GIF zu haben, ist es am besten, die Frames manuell zu sortieren.<\/p>\n
Stellen Sie die Standard-Wiedergabegeschwindigkeit ein, indem Sie die Schaltfl\u00e4che auf der Zeitleiste bewegen. Wenn Sie jedoch m\u00f6chten, dass bestimmte Bilder unterschiedliche Wiedergabegeschwindigkeiten haben, k\u00f6nnen Sie dies tun, indem Sie auf ein Miniaturbild klicken und die Geschwindigkeit im Bild darunter festlegen.<\/p>\n
Figma-Prototypen verf\u00fcgen h\u00e4ufig \u00fcber erweiterte Animationen wie Schieberegisterkarten, Wischoptionen und Dropdown-Men\u00fcs. Wenn Sie sie als GIF speichern, k\u00f6nnen Sie das Design einfacher in Aktion zeigen. Mit der mobilen App k\u00f6nnen Benutzer jedoch nur eine Vorschau ihrer Prototypen anzeigen. Obwohl es keine integrierte Exportunterst\u00fctzung gibt, k\u00f6nnen Sie das Problem beheben, indem Sie den App-Bildschirm aufzeichnen und das Video in ein GIF konvertieren.<\/p>\n
Um Ihr Projekt als GIF auf einem iPhone zu speichern, zeichnen Sie zun\u00e4chst den Bildschirm der Figma-App auf und erstellen ein GIF mit der Shortcuts-App.<\/p>\n
So zeichnen Sie den Figma-Bildschirm auf einem iPhone auf:<\/p>\n
Die Aufnahme wird normalerweise in Ihrer Fotos-App gespeichert.<\/p>\n
\u00dcberpr\u00fcfen Sie, ob auf Ihrem iPhone das Shortcuts-Tool vorinstalliert ist, um Ihr Video in ein GIF zu konvertieren. Sie k\u00f6nnen das Tool auch hier herunterladen den App-Store<\/a>.<\/p>\n So konvertieren Sie das Video auf einem iPhone in eine GIF-Datei:<\/p>\n Da die Figma-App es Benutzern erm\u00f6glicht, Prototypen in der Vorschau anzuzeigen, sie jedoch nicht zu exportieren, zeichnet sie die Vorschau auf Ihrem Android-Ger\u00e4t auf und wandelt das Video sp\u00e4ter in ein GIF um.<\/p>\n So k\u00f6nnen Sie Figma auf einem Android-Ger\u00e4t aufzeichnen:<\/p>\n Das Figma-Vorschauvideo wird in Ihrer Android-Fotos-App gespeichert. Sie k\u00f6nnen es mit in ein GIF konvertieren GIPHY-App<\/a>.<\/p>\n So konvertieren Sie ein Video auf einem Android-Ger\u00e4t in ein GIF:<\/p>\n Egal, ob Sie ein erfahrener Entwickler oder ein Amateur-Designer sind, Sie verdienen eine bequeme M\u00f6glichkeit, Ihre Arbeit anderen in GIF-Form zu pr\u00e4sentieren. Sie k\u00f6nnen eine Vorschau Ihrer Kreationen in der Figma-App anzeigen, aber der Zugriff auf Ihre Designs kann zu einer anspruchsvollen Aufgabe werden, sobald Ihre Internetverbindung ausf\u00e4llt. Bis Figma eine benutzerfreundliche Exportl\u00f6sung herausbringt, k\u00f6nnen Sie sich auf die Methoden verlassen, die wir im Artikel vorstellen.<\/p>\n Wir hoffen, dass Ihnen dieser Leitfaden dabei geholfen hat, besser zu verstehen, wie Sie ein hochwertiges GIF Ihrer Figma-Kreationen erhalten, unabh\u00e4ngig davon, welches Ger\u00e4t Sie verwenden.<\/p>\n Nutzen Sie die Web- oder Mobilversion von Figma? Was ist Ihre bevorzugte Methode zum Exportieren von GIFs? Lassen Sie es uns im Kommentarbereich unten wissen.<\/p>\n ","protected":false},"excerpt":{"rendered":" Suchen Sie nach einer M\u00f6glichkeit, Ihr Entwickler- und Designspiel auf die n\u00e4chste Stufe zu heben? Figma ist ein erstaunliches Tool, mit dem Benutzer umfangreiche Prototypen voller Audio-, Video- und Animationseffekte erstellen k\u00f6nnen. Um jedoch die Haptik und Funktionen des Prototyps richtig zu testen, sollten Sie ihn als GIF exportieren und in Aktion sehen k\u00f6nnen. In […]<\/p>\n","protected":false},"author":1,"featured_media":888119,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/6.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/888118"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=888118"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/888118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/888119"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=888118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=888118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=888118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
<\/a>So exportieren Sie in Figma auf einem Android-Ger\u00e4t in GIF<\/h3>\n
\n
\n
<\/a>GIF ohne Einschr\u00e4nkungen exportieren<\/h2>\n