<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
    <channel>
        
        <title>
            <![CDATA[ Framerjs - freeCodeCamp.org ]]>
        </title>
        <description>
            <![CDATA[ Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science, DevOps, Security, and get developer career advice. ]]>
        </description>
        <link>https://www.freecodecamp.org/news/</link>
        <image>
            <url>https://cdn.freecodecamp.org/universal/favicons/favicon.png</url>
            <title>
                <![CDATA[ Framerjs - freeCodeCamp.org ]]>
            </title>
            <link>https://www.freecodecamp.org/news/</link>
        </image>
        <generator>Eleventy</generator>
        <lastBuildDate>Wed, 10 Jun 2026 16:21:17 +0000</lastBuildDate>
        <atom:link href="https://www.freecodecamp.org/news/tag/framerjs/rss.xml" rel="self" type="application/rss+xml" />
        <ttl>60</ttl>
        
            <item>
                <title>
                    <![CDATA[ There weren’t any design events in my city, so I organized one myself. ]]>
                </title>
                <description>
                    <![CDATA[ By Marty Laurita “The meeting of two personalities is like the contact of two chemical substances: if there is any reaction, both are transformed.” — Carl Jung Doing something you’ve never done before is inherently exciting. When I wrote to Framer ... ]]>
                </description>
                <link>https://www.freecodecamp.org/news/anatomy-of-an-interaction-design-meetup-656e61295775/</link>
                <guid isPermaLink="false">66c3448fccd54aa295e92ca6</guid>
                
                    <category>
                        <![CDATA[ Framerjs ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Design ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Life lessons ]]>
                    </category>
                
                    <category>
                        <![CDATA[ prototyping ]]>
                    </category>
                
                    <category>
                        <![CDATA[ tech  ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ freeCodeCamp ]]>
                </dc:creator>
                <pubDate>Fri, 21 Oct 2016 04:18:29 +0000</pubDate>
                <media:content url="https://cdn-media-1.freecodecamp.org/images/1*bpOJLyijhikcDVfibgokhA.jpeg" medium="image" />
                <content:encoded>
                    <![CDATA[ <p>By Marty Laurita</p>
<blockquote>
<p>“The meeting of two personalities is like the contact of two chemical substances: if there is any reaction, both are transformed.” — Carl Jung</p>
</blockquote>
<p>Doing something you’ve never done before is inherently exciting.</p>
<p>When I wrote to <a target="_blank" href="https://framerjs.com/">Framer</a> a couple of months ago asking why there weren’t any Framer events scheduled in Boston, they responded with, “Well, why don’t you host one?”</p>
<p>Truth be told, I’m generally not one to organize events. I think I’m a little too micro-manage-y of a person to both enjoy it and keep it running smoothly. It’s like asking Woody Allen to host a comedy show while catering it at the same time. But this time, for some reason, I said yes.</p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/u9DrIkRiGQ5ZZmuVzX1nEVXn0I35MOBFi2KB" alt="Image" width="800" height="450" loading="lazy">
<em>When someone asks you to host a meetup, jump in!</em></p>
<p>And if Framer hadn’t connected me with two extremely outgoing, organized, and awesome partners-in-crime, <a target="_blank" href="https://www.linkedin.com/in/emilychristinecarlin">Emily Carlin</a> and <a target="_blank" href="https://www.linkedin.com/in/gideon-goldin-2308b521">Gideon Goldin</a>, it would not have gone nearly as smoothly.</p>
<p>So, as Nacho Libre says, “Let’s get down to the neety-greety.”</p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/GOmddz7yWLYC3vFx0582k4-kHKXn4RB8JfIM" alt="Image" width="500" height="255" loading="lazy"></p>
<p>As I quickly learned, there are the five ingredients to a successful meetup:</p>
<ul>
<li>Location</li>
<li>Food</li>
<li>Booze</li>
<li>Guest speakers</li>
<li>Some semblance of an agenda</li>
</ul>
<p>We locked down the location, food, and booze relatively quickly. Finding a great speaker was much more of a challenge.</p>
<p>After some time, we connected with <a target="_blank" href="http://www.cutandfold.co/">Andrew Nalband of Cut and Fold</a>, a veteran designer and avid Framer user. He used Framer to develop killer interactions like this:</p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/lvwbfXyXc4Y1tWBcOmHWnJQwpeQm5xwgfm0U" alt="Image" width="480" height="248" loading="lazy">
_You can try the interactive version here: [http://share.framerjs.com/zydimzquxu7b/](http://share.framerjs.com/zydimzquxu7b/" rel="noopener" target="<em>blank" title=")</em></p>
<p>And after a quick survey of other events, we had an agenda, which I promptly inserted into a flashy little <a target="_blank" href="https://nvite.com/BostonFramer/ac44">invite</a>.</p>
<p>So, our with our ingredients prepped and ready, it was time for liftoff!</p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/o3IuMStwBfnnE3vvBsL79ikgtmym3USP2mhW" alt="Image" width="400" height="300" loading="lazy"></p>
<h3 id="heading-the-event">The Event</h3>
<p>People began filing in around 6:30, and with our abundance of food and drink, there was a comfortable atmosphere in which to socialize.</p>
<p>We had pre-surveyed participants, so we had some idea of everyone’s skill level going in. Most people had never used a code-based interaction tool like Framer, so we decided to start from ground-level.</p>
<p>The presentation consisted mostly of an introduction and a show-and-tell from Andrew. He went through the basics of the tool, as well as some inspiring examples of it in practice.</p>
<p>What I loved about Andrew’s talk was how comfortably he switched into “educator” mode. He went right down to basics and walked everyone through the interface, what a layer is, and how animation works. We had no idea about what he was going to talk about beforehand, but he totally crushed it!</p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/C3jGLMxy7J79M1R4gDbNgQxubOpYFySCvo99" alt="Image" width="800" height="531" loading="lazy"></p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/-NeJL6nPvZJzWpAsaSxJzDJj5aqQUVEuWNI3" alt="Image" width="800" height="531" loading="lazy"></p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/spsrBtYNNjwwhk-GbmsVAcAUmlPujrCWbWq3" alt="Image" width="800" height="531" loading="lazy"></p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/xq0NkOkaD6cM1LUBHteGYP6EcvjRy-baYc38" alt="Image" width="800" height="531" loading="lazy"></p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/Q3RiLTDL2VNmjQaiTUfvBTptLjNZYxiOxF8B" alt="Image" width="800" height="531" loading="lazy"></p>
<p>People were so engrossed that Andrew was able to speak for a full hour.</p>
<p>I also went up to share some prototypes, but there are no photos of that since I was charged with the photography ?</p>
<p>We live-streamed the event in its entirety on Facebook. You can watch it <a target="_blank" href="https://www.facebook.com/groups/framerjs/search/?query=marty%20laurita">here</a>.</p>
<p><img src="https://cdn-media-1.freecodecamp.org/images/3i9-OsskrFLIY40v469ThE9khFe4QwSQ6jrT" alt="Image" width="400" height="266" loading="lazy"></p>
<h3 id="heading-reflection-time">Reflection Time</h3>
<p>The biggest lesson learned was that, as others have found, it might be good to split people up at the beginning to maximize the effectiveness of the event.</p>
<p>While the event was a big success, I did get some feedback that some people came expecting more of a walkthrough, while others were there to better understand how framer fits into the design workflow.</p>
<p>For the next event, we will definitely strive to meet these needs, and to be even more awesomer!</p>
<p>I’d like to thank our amazing sponsors of this event: <a target="_blank" href="http://framerjs.com">Framer</a>, <a target="_blank" href="http://www.tamr.com/">Tamr</a>, and <a target="_blank" href="https://www.societyofgrownups.com/">Society of Grown-ups</a>. It wouldn’t have been nearly as great without your support!</p>
<p>Also, thank you for reading! If you have any thoughts, I would love your feedback in the comments.</p>
<p>Also, be sure to check out <a target="_blank" href="https://medium.freecodecamp.com/i-tried-framer-and-i-loved-it-part-2-31fdef35a1e2#.m0nm5t2j7">my last article</a> about prototyping with FramerJS.</p>
<p><em>If you liked this, click the? below so other people will see this here on Medium.</em></p>
 ]]>
                </content:encoded>
            </item>
        
    </channel>
</rss>
