<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>scroll | Webdesignerd</title>
	<atom:link href="https://www.webdesignerd.it/tag/scroll/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.webdesignerd.it</link>
	<description>Impara ad utilizzare Figma e Adobe Xd in modo professionale</description>
	<lastBuildDate>Tue, 06 Dec 2022 12:13:03 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.1</generator>

<image>
	<url>https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2021/03/cropped-WD-favicon.png?fit=32%2C32&#038;ssl=1</url>
	<title>scroll | Webdesignerd</title>
	<link>https://www.webdesignerd.it</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">190677420</site>	<item>
		<title>Creare animazioni alla scroll con Figma</title>
		<link>https://www.webdesignerd.it/creare-animazioni-alla-scroll-con-figma/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=creare-animazioni-alla-scroll-con-figma</link>
		
		<dc:creator><![CDATA[f000r]]></dc:creator>
		<pubDate>Wed, 23 Nov 2022 08:53:06 +0000</pubDate>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Desktop]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[Scroll]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[scroll]]></category>
		<guid isPermaLink="false">https://www.webdesignerd.it/?p=907</guid>

					<description><![CDATA[<p>Figma scroll animation tutorial È possibile realizzare animazioni allo scroll con Figma? Come si realizza un&#8217;animazione allo scroll con Figma In questo tutorial realizzeremo insieme...</p>
<p>The post <a href="https://www.webdesignerd.it/creare-animazioni-alla-scroll-con-figma/">Creare animazioni alla scroll con Figma</a> first appeared on <a href="https://www.webdesignerd.it">Webdesignerd</a>.</p>]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">Figma scroll animation tutorial</h2>



<p>È possibile realizzare <strong>animazioni allo scroll con Figma</strong>?</p>



<p><strong>Come si realizza un&#8217;animazione allo scroll con Figma</strong></p>



<p>In questo tutorial realizzeremo insieme un&#8217;<strong>animazione allo scroll con Figma</strong>.</p>



<p>Questo è quello che sarai in grado di realizzare alla fine del video tutorial.</p>



<figure class="wp-block-image size-full"><img decoding="async" fetchpriority="high" width="480" height="310" src="https://i0.wp.com/www.webdesignerd.it/wp-content/uploads/2022/11/scroll-animation.gif?resize=480%2C310&#038;ssl=1" alt="" class="wp-image-919" data-recalc-dims="1"/></figure>



<p></p>



<p>Per prima cosa <a href="https://www.dropbox.com/scl/fo/t46ekllo1eh4p6zuoltwb/h?dl=0&amp;rlkey=4pma5p75b20y2vxnkm0tmg6xw" target="_blank" rel="noopener" title="">scarica il template per realizzare l&#8217;animazione</a> <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/27a1.png" alt="➡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> </p>



<p>Una volta aperto il file troverai un file di Figma con un<strong> template che ho realizzato</strong> personalmente per poter imparare questa incredibile tecnica. </p>



<p>Nella prima parte del video ci dedicheremo all&#8217;impostazione dei frame. </p>



<p>Nella seconda parte realizzeremo insieme le animazioni che vedi nell&#8217;anteprima del video.</p>



<p>Ecco il video.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Creare animazioni allo scroll con Figma - Figma scroll animation tutorial" width="739" height="416" src="https://www.youtube.com/embed/CKKq6zKI_Lc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p><strong><a href="https://www.youtube.com/c/Webdesignerd23/videos" target="_blank" rel="noopener" title="">Iscriviti al canale se vuoi imparare ad utilizzare Figma e Adobe Xd come un PRO.</a></strong></p>



<p>psssss&#8230;ti piaciuta questa animazione? che ne dici di imparare a creare un&#8217;<strong>animazione su un testo con Figma</strong>??? <a href="https://www.webdesignerd.it/text-animation-tutorial-con-figma/" target="_blank" rel="noopener" title="">clicca qui</a> </p><p>The post <a href="https://www.webdesignerd.it/creare-animazioni-alla-scroll-con-figma/">Creare animazioni alla scroll con Figma</a> first appeared on <a href="https://www.webdesignerd.it">Webdesignerd</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">907</post-id>	</item>
		<item>
		<title>Animazioni allo scroll con Adobe Xd</title>
		<link>https://www.webdesignerd.it/animazioni-allo-scroll-con-adobe-xd/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=animazioni-allo-scroll-con-adobe-xd</link>
		
		<dc:creator><![CDATA[f000r]]></dc:creator>
		<pubDate>Fri, 21 May 2021 10:32:44 +0000</pubDate>
				<category><![CDATA[Desktop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Xd]]></category>
		<category><![CDATA[animazioni]]></category>
		<category><![CDATA[scroll]]></category>
		<guid isPermaLink="false">http://www.webdesignerd.it/animazioni-allo-scroll-con-adobe-xd/</guid>

					<description><![CDATA[<p>Come si creano delle animazioni allo scroll verticale con Adobe Xd?</p>
<p>The post <a href="https://www.webdesignerd.it/animazioni-allo-scroll-con-adobe-xd/">Animazioni allo scroll con Adobe Xd</a> first appeared on <a href="https://www.webdesignerd.it">Webdesignerd</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Come si creano delle <strong>animazioni allo scroll verticale con Adobe Xd</strong>?</p>



<p>Se dovessimo disegnare una landing page e ancorare le sezioni del sito ad un click come possiamo fare?</p>



<p>Dobbiamo utlizzare un trick per farlo ma è assolutamente possibile.</p>



<p>In questo tutorial vi spiego come creare semplici ma efficaci animazioni allo scroll. </p>



<p>Caricheremo un mockup già pronto e ci concentreremo sulle interazioni allo scroll verticale della pagina.</p>



<p>Guarda il tutorial</p>



<figure class="wp-block-embed is-type-rich is-provider-handler-delloggetto-incorporato wp-block-embed-handler-delloggetto-incorporato wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Creare animazioni allo scroll con Adobe Xd." width="739" height="416" src="https://www.youtube.com/embed/mV4l4OkYIx0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p class="has-medium-font-size"><strong><a href="https://www.webdesignerd.it/disegnare-un-sito-da-zero-corso-gratuito-di-web-design/">Vuoi imparare a disegnare un sito web da zero? </a></strong></p>



<p class="has-medium-font-size"><strong>Guarda il video corso gratuito che ho realizzato per te! -&gt; <a href="https://www.youtube.com/watch?v=IMBn7biK-lY&amp;t=1s" target="_blank" rel="noreferrer noopener">Video corso di Web Design con Adobe Xd</a></strong></p><p>The post <a href="https://www.webdesignerd.it/animazioni-allo-scroll-con-adobe-xd/">Animazioni allo scroll con Adobe Xd</a> first appeared on <a href="https://www.webdesignerd.it">Webdesignerd</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">312</post-id>	</item>
	</channel>
</rss>
