{"id":51731,"date":"2021-03-12T03:01:40","date_gmt":"2021-03-11T17:01:40","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=51731"},"modified":"2021-03-12T05:22:00","modified_gmt":"2021-03-11T19:22:00","slug":"figma-web-design-and-wireframing-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/figma-web-design-and-wireframing-primer-tutorial\/","title":{"rendered":"Figma Web Design and Wireframing Primer Tutorial"},"content":{"rendered":"
\"Figma<\/a>

Figma Web Design and Wireframing Primer Tutorial<\/p><\/div>\n

In a similar line of thinking as the previous Adobe XD Web Design Tool Primer Tutorial<\/a> today we roadtest an online web design and wireframing tool called Figma<\/a> …<\/p>\n

\nFigma: the collaborative interface design tool.\n<\/p><\/blockquote>\n

… a totally online (ie. via web browser) experience we enjoyed looking at. We can well imagine the sharing of design ideas using its pretty intuitive web browser interface.<\/p>\n

Wikipedia says …<\/p>\n

\nFigma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows. The Figma Mirror companion apps for Android and iOS allow viewing Figma prototypes on mobile devices.\n<\/p><\/blockquote>\n

… and we say …<\/p>\n

\nTry a preview via today’s animated GIF<\/a> presentation.<\/p>\n<\/blockquote>\n

\n

\n

Previous relevant Adobe XD Web Design Tool Primer Tutorial<\/a> is shown below.<\/p>\n

\"Adobe<\/a>

Adobe XD Web Design Tool Primer Tutorial<\/p><\/div>\n

Are you on the lookout for a professional and relatively easy web design tool to use. Why not try Adobe XD<\/a> (“Design at the speed of thought”)?<\/p>\n

\nWireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more \u2014 all in one app. XD is made for designers, creative teams, and organizations that need to design at scale. It\u2019s everything you need to work more efficiently, collaborate effortlessly, and create and manage your design system.\n<\/p><\/blockquote>\n

We tried it out on this MacBook Pro and apart from some scrolling limitations (even after visiting this very useful link<\/a>, thanks) we found it very quick, effective and easy to use, to create professional looking webpages in matters of minutes. And lots of this functionality is free, at least to start with.<\/p>\n

So, how to convey to you a little of the “Adobe XD” magic? Do their introductory (10 step) tutorial, that’s how<\/a>. See us, ahead of that, install Adobe XD via a macOS dmg installer.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n