<?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" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Pascal Strasche on Medium]]></title>
        <description><![CDATA[Stories by Pascal Strasche on Medium]]></description>
        <link>https://medium.com/@pascalstrasche?source=rss-2fc4c81951bd------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*cW9Q6uhYavmpnol6mzg2Rg.png</url>
            <title>Stories by Pascal Strasche on Medium</title>
            <link>https://medium.com/@pascalstrasche?source=rss-2fc4c81951bd------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Mon, 13 Apr 2026 03:52:07 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@pascalstrasche/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[IxDF (Interaction Design Foundation) Just Reinvented Itself: Here’s What Changed]]></title>
            <link>https://medium.com/@pascalstrasche/ixdf-interaction-design-foundation-just-reinvented-itself-heres-what-changed-f93541ea3c43?source=rss-2fc4c81951bd------2</link>
            <guid isPermaLink="false">https://medium.com/p/f93541ea3c43</guid>
            <category><![CDATA[learning]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[education]]></category>
            <dc:creator><![CDATA[Pascal Strasche]]></dc:creator>
            <pubDate>Wed, 04 Mar 2026 08:57:28 GMT</pubDate>
            <atom:updated>2026-03-04T08:57:28.717Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*hKRBw53nwGFCBLfJBEkXiw.png" /></figure><p><strong>The Interaction Design Foundation (IxDF) just shipped its biggest platform update since the organization launched in 2002. Called “Rebirth,” it pushes IxDF beyond a pure learning platform into a broader career ecosystem for designers. New job matching, a designer tools hub with $5,997 in discounts, and a redesigned platform mark a significant step forward for the world’s largest online design school.</strong></p><p>Whether you’ve been considering IxDF for a while or never heard of it before, this is the right moment to take a closer look. Here’s my full IxDF review.</p><h3>The <a href="https://ixdf.org/?ep=tooolsdesign">Interaction Design Foundation (IxDF)</a></h3><p>IxDF is the world’s largest online design school, founded in 2002 with a clear mission: make high-quality design education accessible and affordable. Unlike coding bootcamps that charge $10,000+ or university programs with $50,000 tuition fees, IxDF operates on a flat annual membership at around $264 per year (that’s about $22 per month).</p><p>The numbers speak for themselves. Over 159,000 graduates have completed IxDF courses, with more than 1.14 million total course enrollments. The platform holds an excellent 4.7 out of 5 rating on Trustpilot based on 2,380+ reviews, and Forbes has described IxDF as offering Ivy League-level education in UX and Product Design.</p><p>IxDF courses are created by industry leaders from companies like Google, IBM, Adobe, and NASA, as well as professors from Stanford, MIT, and Cambridge. Most notably, Don Norman, the person who coined the term “User Experience” and co-founder of Nielsen Norman Group, contributes multiple courses and master classes to the platform.</p><h3>The Rebirth Update: What Changed</h3><p>The March 2026 “Rebirth” update is more than a visual refresh. IxDF redesigned the entire platform from the ground up and introduced features that address the biggest gap in online design education: what happens after you finish a course.</p><p>Two additions stand out: IxDF now matches you with jobs after you complete courses and gives you access to exclusive discounts on professional design tools. Combined with the existing Career Programs, the platform now guides you from first course to job application. IxDF is no longer just a course library. It’s a full career companion.</p><p><a href="https://ixdf.org/?ep=tooolsdesign">The platform</a> itself feels noticeably faster and more polished. IxDF rebuilt it from the ground up, and the result is a clean, modern experience across 40 courses, 147 Master Classes, and 703 hours of video learning content.</p><h3>How IxDF Courses Work</h3><p>If you’re new to IxDF, here’s how the learning experience breaks down.</p><p>Every course is self-paced with no deadlines or time commitments. You can start a course today, take a three-week break, and pick up exactly where you left off. IxDF describes this as the “Netflix of Design,” and the comparison fits. You browse, pick what interests you, and learn at your own speed.</p><p>Course content mixes text-based lessons with video segments, case studies, and practical exercises. Each lesson ends with quiz questions, and courses include open-ended questions that are graded by the IxDF team, not by algorithms. This human review element sets IxDF apart from platforms that rely entirely on automated grading.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZL1LS4lySOIVUu6S8hpkmw.png" /><figcaption>Inside an IxDF course: lessons combine video, text, and visual frameworks with a structured lesson navigator.</figcaption></figure><p>After completing a course, you earn an industry-recognized Course Certificate that you can add to your LinkedIn profile, resume, or portfolio. These certificates carry weight in the design industry because companies like Adobe, IBM, SAP, and Canon actively use IxDF to train their design teams.</p><h3>The Course Library and Master Classes</h3><p>IxDF offers 40 always-updated courses spanning the full spectrum of design disciplines. <a href="https://ixdf.org/courses?ep=tooolsdesign">The library</a> covers UX design fundamentals, UI design patterns, design thinking, user research, accessibility, service design, information visualization, mobile design, and more. Recent additions include courses on AI for Designers and Object-Oriented UI Design.</p><p>A standard membership lets you enroll in all courses simultaneously, and the entire library of 40 courses is included at no extra cost.</p><p>What makes the course library stand out is its depth. Most courses run between 3 and 6 weeks, with one new lesson unlocking each week, giving you time to actually apply what you learn. Each lesson combines theory, methodology, and practical exercises.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bbDITo-jLqd38MjsM3dAYQ.png" /></figure><p>IxDF also offers 147 one-hour <a href="https://ixdf.org/master-classes?ep=tooolsdesign">Master Classes</a> taught by industry experts. These sessions cover trending topics like AI in design, behavioral design, and UX strategy. Master Classes are not included in the base membership but heavily discounted for members: $5 instead of $50 per session. That makes them an affordable way to get focused, expert-led insights without the commitment of a full course.</p><h3>Career Programs</h3><p>The Rebirth update expanded Career Programs into structured paths that connect directly to job matching.</p><p>For career switchers, IxDF offers paths like “AI-Powered Human-Centered UX Designer,” “AI-Powered Human-Centered Product Designer,” “AI-Powered UX Writer and Content Designer,” and “AI-Powered Human-Centered UI Designer.” Each program sequences the right courses in the right order and builds toward a portfolio-ready skill set.</p><p>For working designers looking to advance, there are programs like “Senior AI-Powered Human-Centered UX/UI/Product Designer,” “Ethical Human-Centered AI Design Leader,” and “Senior AI-Powered Accessibility &amp; Inclusive Design Specialist.” These target mid-career professionals who want to specialize or move into leadership roles.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0lqh2Oq9He11bkdkiNJvjA.png" /><figcaption>IxDF offers career programs for career switchers and working designers looking to advance.</figcaption></figure><p>The AI-powered framing here is intentional. IxDF recognizes that AI is reshaping the design profession, and their curriculum focuses on the human-centric skills that AI cannot replace while teaching designers to use AI as a tool in their workflow.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*wjf3kkxlObYz3X41dRYcGQ.png" /><figcaption>IxDF’s structured example learning path for becoming an AI-Powered Human-Centered Product Designer.</figcaption></figure><h3>Job Matching: From Learning to Earning</h3><p>This is the most significant addition in the Rebirth update. <a href="https://ixdf.org/jobs?ep=tooolsdesign">IxDF Job Matching</a> (currently in beta) connects members directly with jobs that match their completed courses and acquired skills.</p><p>The concept is straightforward: you complete courses, build your skill profile, and IxDF matches you with relevant opportunities from their growing network of hiring partners. Instead of scrolling through generic job boards, you get tailored matches based on what you actually know and can demonstrate through your certificates.</p><p>IxDF members have already landed jobs at companies like Adobe, Google, Meta, Netflix, Disney, IBM, Microsoft, and NASA. The job matching system formalizes what was previously an organic benefit of the IxDF network and turns it into a structured pipeline.</p><p>For career switchers, this closes the most frustrating gap in online education. You invest time and money into learning, earn certificates, and then face a job market that doesn’t know how to evaluate your credentials. IxDF’s hiring partner network solves this by putting graduates directly in front of employers who understand and value IxDF training.</p><h3>Designer Tools Hub: $5,997 in Discounts</h3><p>The new <a href="https://www.ixdf.org/designer-tools?ep=tooolsdesign">Designer Tools</a> page is a practical bonus that can easily pay for your entire membership. IxDF has partnered with dozens of professional design tools to offer members exclusive discounts worth a combined $5,997+.</p><p>The highlights include 50% off Mobbin ($60 value for UI/UX reference), 40% off UXtweak ($442 value for usability testing), 20% off ProtoPie ($160 value for advanced prototyping), and 50% off Zeplin ($450 value for design handoff).</p><p>Other partner tools include Balsamiq, Axure, Dovetail, Lyssna, Loop11, Superflow, Attention Insight, Smaply, UXPressia, Visme, Userlytics, and more. The range covers prototyping, user testing, journey mapping, wireframing, feedback collection, and design systems.</p><p>For designers who already plan to use any of these tools, a single discount can offset the annual IxDF membership cost. If you’re exploring <a href="https://www.toools.design/best-design-tools">prototyping tools</a> or <a href="https://www.toools.design/best-ux-tools">user research tools</a> for your workflow, the IxDF member perks are worth factoring into your decision.</p><h3>Community and Local Groups</h3><p>IxDF runs 490 local groups across 104 countries, making it one of the largest design communities in the world. These groups host regular meetups, workshops, and networking events that are free for members.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*rTWWkd4qSyYqJUsekZIzTA.png" /></figure><p><a href="https://ixdf.org/community?ep=tooolsdesign">The community</a> element matters more than most people expect. Members-only forums provide a space for portfolio feedback, career advice, and UX/UI questions from a global network of designers. For career switchers who don’t yet have a professional design network, this can be the difference between staying motivated and giving up.</p><p>IxDF also provides 262 downloadable templates and 25 template bundles covering everything from customer journey maps to persona frameworks to stakeholder presentations. All templates are licensed for commercial use, so you can use them directly in client work.</p><h3>Pricing</h3><p>IxDF operates on a simple <a href="https://ixdf.org/join?ep=tooolsdesign">annual membership model</a>. The standard membership costs around $264 per year (roughly $22 per month), paid upfront. That gives you unlimited access to all 40 courses, community features, job matching, designer tool discounts, and all templates. Master Classes are available at a member-exclusive rate of $5 each (regularly $50).</p><p>Student memberships are available at reduced rates. Company memberships offer team management features, customized training paths, and priority support.</p><p>To put this in perspective:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*3x6lidIyaI_YLgGIBRot5g.png" /></figure><p>The “Netflix of Design” positioning is not just marketing; it accurately describes the value proposition.</p><h3>Who Is IxDF For?</h3><p><strong>Complete beginners</strong> looking to break into UX/UI design will find IxDF’s structured career programs and beginner courses an excellent starting point. The “User Experience: The Beginner’s Guide,” “Design Thinking: The Ultimate Guide,” and “AI for Designers” courses are consistently among the most popular on the platform.</p><p><strong>Career switchers</strong> from adjacent fields like graphic design, development, marketing, or teaching will benefit most from the combination of structured learning, portfolio-building exercises, and job matching. Multiple Trustpilot reviewers describe completing their career switch within 6 to 12 months.</p><p><strong>Working designers</strong> at mid or senior level can use IxDF to fill knowledge gaps, stay current with trends like AI in design, and sharpen their theoretical foundations. Several reviewers noted that even after 10+ years in the industry, IxDF helped them break through career plateaus.</p><p><strong>Design teams and companies</strong> can use Company Memberships to upskill their entire team. Organizations like IBM, Canon, SAP, and Critical Techworks actively use IxDF for team training.</p><p>IxDF is less suited for people who need a highly structured, cohort-based program with live instruction and mentor feedback. It requires self-motivation and discipline, similar to any self-paced learning platform.</p><h3>Verdict</h3><p>The Rebirth update turns IxDF from an already strong learning platform into something more complete. Job matching addresses the biggest criticism of online education (“I finished the course, now what?”), the designer tools hub adds tangible financial value, and the career programs provide a clear direction for learners at every stage.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*x3X12NY3Eglb8B7F8GWtTQ.png" /></figure><p>At $264 per year for unlimited access to 40 expert-led courses, 90% off Master Classes, job matching, community features, and $5,997 in tool discounts, IxDF delivers an extraordinary amount of value. The excellent 4.7/5 Trustpilot rating across 2,380+ reviews confirms that this is not just my assessment.</p><p>If you’re serious about building or advancing a career in design, the <a href="https://ixdf.org/?ep=tooolsdesign">Interaction Design Foundation</a> after its Rebirth is one of the best investments you can make.</p><p><strong>Disclosure:</strong> This article contains affiliate links from IxDF. I may earn a commission if you sign up through these links, at no additional cost to you.</p><p><em>Originally published at </em><a href="https://www.toools.design/blog-posts/ixdf-interaction-design-foundation-review"><em>https://www.toools.design</em></a><em>.</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f93541ea3c43" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[50 Best Figma Plugins for Designers]]></title>
            <link>https://www.designsystemscollective.com/50-best-figma-plugins-for-designers-eb28e6ab2448?source=rss-2fc4c81951bd------2</link>
            <guid isPermaLink="false">https://medium.com/p/eb28e6ab2448</guid>
            <category><![CDATA[top-figma-plugins]]></category>
            <category><![CDATA[figma-plugin]]></category>
            <category><![CDATA[figma]]></category>
            <dc:creator><![CDATA[Pascal Strasche]]></dc:creator>
            <pubDate>Thu, 20 Feb 2025 09:32:28 GMT</pubDate>
            <atom:updated>2025-02-26T05:58:25.565Z</atom:updated>
            <content:encoded><![CDATA[<p>Take your Figma workflow to the next level with these top-rated plugins for efficiency and creativity that every designer should explore.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UrhfIIEV8EpEpleHc4s5gw.png" /></figure><p>Figma has become one of the most widely used design tools for UI/UX designers and product teams. Its intuitive interface, combined with powerful design capabilities, has made it the preferred tool for professionals looking to create user interfaces, wireframes, and prototypes efficiently.</p><p>One of the biggest strengths of Figma is its support for plugins. These are add-ons that extend the software’s functionality, helping designers automate repetitive tasks, enhance productivity, and access valuable design resources directly within the tool.</p><h3>Most Essential Figma Plugins For Everyday Use</h3><p>Figma offers a vast collection of plugins, but below are some of the must-have Figma plugins for every designer’s daily workflow:</p><h4><a href="https://www.figma.com/community/plugin/736000994034548392/lorem-ipsum">Lorem Ipsum</a> — Quick Text Generation</h4><p>Filling designs with placeholders can be tedious. This plugin allows designers to populate designs with text, images and even data instantly.</p><h4><a href="https://www.figma.com/community/plugin/735098390272716381/iconify">Iconify</a> — The Ultimate Icon Library</h4><p>The Iconify plugin provides access to thousands of free icons from many open source libraries.</p><h4><a href="https://www.figma.com/community/plugin/738454987945972471/unsplash">Unsplash</a> — Free Stock Images</h4><p>High-quality images enhance every design, and Unsplash for Figma allows designers to pull professional stock images directly into their projects.</p><h4><a href="https://www.figma.com/community/plugin/799646392992487942/insert-big-image">Insert Big Image</a> — Workaround Import Limitations</h4><p>Figma has limitations with large images. This plugin solves that problem by allowing designers to import high-resolution images without quality loss.</p><h4><a href="https://www.figma.com/community/plugin/748533339900865323/contrast">Contrast</a> — Ensure Accessibility</h4><p>Ensuring color contrast compliance is critical for accessibility. The Contrast plugin checks whether your color choices meet WCAG guidelines.</p><h4><a href="https://www.figma.com/community/plugin/731271836271143349/rename-it">Rename It</a> — Organize Layers Efficiently</h4><p>Messy layer names can make collaboration difficult. Rename It allows designers to batch rename layers and frames for a cleaner workspace.</p><h4><a href="https://www.figma.com/community/plugin/740632514053994647/text-counts">Text Counts</a> — Character &amp; Word Counter</h4><p>Content-heavy designs require careful text alignment, and this plugin helps by displaying character and word counts.</p><h4><a href="https://www.figma.com/community/plugin/738992712906748191/remove-bg">Remove BG</a> — One-Click Background Removal</h4><p>Editing images within Figma becomes much easier with the Remove BG plugin, which instantly removes backgrounds from images.</p><h4><a href="https://www.figma.com/community/plugin/788830704169694737/smoothshadow">SmoothShadow</a> — Better Shadow Effects</h4><p>This plugin generates realistic, layered shadow effects, overcoming Figma’s default shadow limitations.</p><h4><a href="https://www.figma.com/community/plugin/751576264585242935/to-path">To Path</a> — Text on a Custom Path</h4><p>Need to curve or bend shapes, groups, or text? To Path allows designers to place elements along any curve, line or shape.</p><h4><a href="https://www.figma.com/community/plugin/1138854718618193875/noise-texture">Noise &amp; Texture</a> — Add Textured Effects</h4><p>Modern UI sometimes requires subtle noise effects to create a more organic feel. This plugin lets you add textures and noise in just a few clicks.</p><h4><a href="https://www.figma.com/community/plugin/733590967040604714/brandfetch">Brandfetch</a> — Instantly Fetch Brand Assets</h4><p>Brandfetch gives you instant access to millions of logos, colors, fonts and more so you can streamline your designs.</p><h3>Why Every Designer Should Explore Figma Plugins?</h3><p>Figma is already a powerful design tool, but its real potential is unlocked through plugins. With the right set of these small yet powerful add-ons, designers can significantly improve speed, efficiency, and creativity. Whether you’re a beginner or a seasoned professional, plugins help simplify complex design challenges, allowing for smoother workflows.</p><p>🚀 <em>Next, we’ll explore an even broader list of Figma plugins, organized by category, to help you find the perfect tools for your workflow.</em></p><h3>More Figma Plugins — Handily Sorted By Categories</h3><h3>Workflow Automation Plugins</h3><p>Workflow automation plugins help designers reduce repetitive tasks, organize files efficiently, and streamline processes. These plugins are excellent for keeping projects clean, structured, and easy to navigate.</p><h4><a href="https://www.figma.com/community/plugin/818203235789864127/batch-styler">Batch Styler</a> — Bulk Edit Styles</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*42xiKFgKmKj66vBj.png" /></figure><p>This plugin allows designers to edit multiple styles at once, which is extremely useful for maintaining consistency across designs.</p><ul><li>Apply color, text, and effect changes to multiple elements at once.</li><li>Saves time by batch-updating styles in large projects.</li><li>Ensures brand consistency across all UI elements.</li></ul><h4><a href="https://www.figma.com/community/plugin/1040373257649266080/select-by-name">Select by Name</a> — Find Layers Quickly</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*v84hZQQXpLNOpB-n.png" /></figure><p>As projects grow, locating specific layers becomes challenging. This plugin allows designers to select layers by name instantly.</p><ul><li>Speeds up navigating complex files.</li><li>Helps designers select multiple elements at once for quick edits.</li><li>Ensures organization when working in large teams.</li></ul><h4><a href="https://www.figma.com/community/plugin/1350743748296105581/figr-identity-v2-generate-design-systems-quickly">Figr Identity v2: Generate Design Systems Quickly</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*IrcMdFqBsiFnWBiy.png" /></figure><p><a href="https://www.figma.com/community/plugin/1350743748296105581/figr-identity-v2-generate-design-systems-quickly">‍</a>Building a design system manually is time-consuming. This plugin automates the process, generating color palettes, typography scales, and components in seconds.</p><ul><li>Startups and large teams needing quick design system setup.</li><li>Creating standardized components across projects.</li><li>Organizing reusable assets for consistent branding.</li></ul><h4><a href="https://www.figma.com/community/plugin/731627216655469013/content-reel">Content Reel</a> — Insert Realistic Data</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*cnY6FcXCJkFwU4xu.png" /></figure><p>‍Designers often use placeholder text and images in UI designs. Content Reel allows you to insert real-world content such as names, avatars, icons, and dates.</p><ul><li>Saves time by auto-filling mockups with realistic content.</li><li>Helps visualize designs better without placeholder text.</li><li>Works well for UX research and A/B testing.</li></ul><h4><a href="https://www.figma.com/community/plugin/820660579767995949/styler">Styler</a> — Manage Styles Efficiently</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*8ecDfnQH4iIZi3zQ.jpeg" /></figure><p>‍Styler organizes your color, text, and effect styles to keep projects clean and easy to manage.</p><ul><li>Groups styles systematically.</li><li>Reduces duplicate styles in large projects.</li><li>Helps teams maintain branding consistency.</li></ul><h4><a href="https://www.figma.com/community/plugin/814345141907543603/svg-export">SVG Export</a> — Optimize SVG Files</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*g33u6zMfgeNDbpJt.png" /></figure><p>‍Exporting SVGs from Figma can sometimes lead to messy, unoptimized code. This plugin ensures cleaner, lighter SVG exports.</p><ul><li>Produces optimized SVG code for better web performance.</li><li>Reduces file sizes while maintaining vector quality.</li><li>Ensures smooth scaling without pixelation.</li></ul><h4><a href="https://www.figma.com/community/plugin/735770583268406934/google-sheets-sync">Google Sheets Sync</a> — Auto-Update Data</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*W42PnOUyqEG4wULi.png" /></figure><p>‍This plugin connects Google Sheets to Figma, allowing real-time data updates within designs.</p><ul><li>Sync dynamic content (e.g., pricing tables, product descriptions).</li><li>Update multiple instances at once.</li><li>Great for data-driven UI projects like dashboards.</li></ul><h4><a href="https://www.figma.com/community/plugin/767379019764649932/clean-document">Clean Document</a> — Keep Your Files Organized</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*tjvUPZZfaqyFO9ok.png" /></figure><p>‍Over time, Figma files get messy with unused components, hidden layers, and redundant styles. Clean Document tidies up everything with one click.</p><ul><li>Removes unused styles and components.</li><li>Renames layers for better clarity.</li><li>Makes files lighter and easier to navigate.</li></ul><h3>Design Resources Plugins</h3><p>Designers often need high-quality illustrations, icons, mockups, and UI kits to create stunning user interfaces. Instead of searching for assets externally, these plugins bring everything directly into Figma.</p><h4><a href="https://www.figma.com/community/plugin/781441863578182316/illustrations">Illustrations</a> — Free Hand-Drawn Illustrations</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*KNUtybB6Ajl5vI8e.png" /></figure><p>Finding high-quality illustrations that match a design’s style can be challenging. This plugin provides hand-drawn illustrations that fit modern UI trends.</p><ul><li>Provides high-quality vector illustrations.</li><li>Saves time by directly importing assets into Figma.</li><li>Works well for web design, mobile apps, and marketing materials.</li></ul><h4>‍<a href="https://www.figma.com/community/plugin/838959511417581040/blush">Blush</a> — Fully Customizable Illustrations</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*0azAjJidqhXPI_IX.png" /></figure><p>‍Blush is another amazing illustration plugin, but with a customization feature. You can mix and match different elements within each illustration.</p><ul><li>Editable components — change colors, elements, and expressions.</li><li>Uses work from top illustrators around the world.</li><li>Perfect for branding, UI/UX, and marketing designs.</li></ul><h4><a href="https://www.figma.com/community/plugin/791103617505812222/icons8-icons-illustrations-photos">Icons8 — Icons, Illustrations, Photos</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*7382l-fqc0CclmvO.png" /></figure><p><a href="https://www.figma.com/community/plugin/791103617505812222/icons8-icons-illustrations-photos">‍</a>This all-in-one plugin provides icons, stock photos, and illustrations without leaving Figma.</p><ul><li>Access to thousands of free and premium icons.</li><li>Includes illustrations and high-resolution stock images.</li><li>Works well for app interfaces, web design, and presentations.</li></ul><h4><a href="https://www.figma.com/community/plugin/786250770157843670/mockuuups-studio">Mockuuups Studio</a> — Instant Device Mockups</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*dW65R1XqkWVIs-Qx.png" /></figure><p>‍Mockuuups Studio helps designers place their designs into realistic device mockups.</p><ul><li>Supports phones, tablets, desktops, and even billboards.</li><li>Instant preview of how your design looks in real-world scenarios.</li><li>Saves time on manual Photoshop work.</li></ul><h4><a href="https://www.figma.com/community/plugin/1401906007073649951/uihut">Uihut</a> — UI Kits and Components</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*vKtQjAs_0YS4OtwU.png" /></figure><p>‍UIhut provides ready-to-use UI kits, templates, and components to speed up design work.</p><ul><li>Thousands of pre-designed UI components.</li><li>Works well for mobile apps, SaaS dashboards, and web projects.</li><li>Helps jumpstart projects instead of designing from scratch.</li></ul><h4><a href="https://www.figma.com/community/plugin/865232148477039928/storyset-by-freepik">Storyset</a> — Animated and Static Illustrations</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*4pZamNgyZtdB3m1k.png" /></figure><p>‍Storyset offers both static and animated illustrations, making it ideal for websites, apps, and marketing visuals.</p><ul><li>Choose between static and animated versions of illustrations.</li><li>Customize colors and compositions inside Figma.</li><li>Works well for explainer sections, hero images, and empty states.</li></ul><h3>Color &amp; Gradients Plugins</h3><p>Colors and gradients play a crucial role in UI/UX design. The right color choices can improve readability, accessibility, and aesthetics. These Figma plugins help designers generate, manage, and apply colors efficiently.</p><h4><a href="https://www.figma.com/community/plugin/744909029427810418/uigradients">uiGradients</a> — Stunning Gradient Presets</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Afabi-mt_THswq_M.png" /></figure><p>Creating smooth, eye-catching gradients from scratch can be tricky. This plugin provides a collection of pre-made gradients ready to use.</p><ul><li>Saves time by providing ready-to-use gradients.</li><li>Wide selection of modern, vibrant color combinations.</li><li>Allows customization for unique color palettes.</li></ul><h4><a href="https://www.figma.com/community/plugin/1024452006068794933/foundation-color-generator">Foundation: Color Generator</a> — Smart Color Palettes</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*rNXEacHf2iL2yhn5.png" /></figure><p>‍This plugin generates well-balanced color palettes based on brand colors.</p><ul><li>Automatically generates harmonious color variations.</li><li>Helps maintain color consistency across designs.</li><li>Works great for brand identity projects.</li></ul><h4><a href="https://www.figma.com/community/plugin/740832935938649295/color-palettes-colorsinspo-color-accessibility-tools">Color Palettes</a> — Curated Palette Collections</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*8VqCNEN-utVOLXGD.png" /></figure><p>‍This plugin provides curated color palettes sourced from popular design trends.</p><ul><li>Hundreds of pre-made color schemes.</li><li>Helps designers experiment with different moods and themes.</li><li>Includes tools for color accessibility testing.</li></ul><h4><a href="https://www.figma.com/community/plugin/1068919813159975006/coolors">Coolors</a> — AI-Powered Color Combinations</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*6iksGZ49vidmE6WU.png" /></figure><p>‍Coolors is a popular color tool that helps designers generate AI-suggested palettes based on preferences.</p><ul><li>Randomly generates color palettes in one click.</li><li>Helps designers quickly experiment with different color schemes.</li><li>Supports exporting and saving palettes for reuse.</li></ul><h3>Typography Plugins</h3><p>Typography is a crucial aspect of UI/UX design. The right font choices enhance readability, user experience, and visual appeal. These Figma plugins help designers experiment with font pairing, text effects, and hierarchy effortlessly.</p><h4><a href="https://www.figma.com/community/plugin/762070688792833472/arc-bend-your-type">ARC — Bend Your Type!</a> — Curved Text Effect</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Uw1_ZKqIUJg34EOD.png" /></figure><p>Figma doesn’t offer a built-in feature for curving text, but this plugin makes it easy.</p><ul><li>Create circular or arc-based text layouts.</li><li>Adjust curvature dynamically within Figma.</li><li>Great for logos, badges, and creative typography.</li></ul><h4><a href="https://www.figma.com/community/plugin/739825414752646970/typescales">Typescales</a> — Consistent Font Sizing</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*vMjqaAw1CVgYk50g.png" /></figure><p>‍Creating a typographic hierarchy manually can be tedious. Typescales generates structured text sizes based on best design practices.</p><ul><li>Generates balanced text size ratios automatically.</li><li>Helps maintain consistency across a UI project.</li><li>Works well for mobile apps, web design, and design systems.</li></ul><h4><a href="https://www.figma.com/community/plugin/1105220730154050357/fontpair">Fontpair</a> — AI-Powered Font Pairing Suggestions</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*bziG4hW4m7UEhVf9.png" /></figure><p>‍Choosing fonts that complement each other can be tricky. Fontpair suggests font combinations that work harmoniously together.</p><ul><li>Suggests pre-tested font combinations.</li><li>Helps designers explore different font styles without guessing.</li><li>Saves time when creating typography guidelines.</li></ul><h4><a href="https://www.figma.com/community/plugin/884226330548474110/circular-text">Circular Text</a> — Create Perfectly Rounded Typography</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*oU-XvB09gLSvRGFB.png" /></figure><p>This plugin helps designers create precise circular text layouts for logos, buttons, and decorative elements.</p><ul><li>Provides full control over text positioning.</li><li>Allows text to wrap perfectly around shapes.</li><li>Works well for badges, emblems, and creative branding.</li></ul><h3>Animation Plugins</h3><p>Animations enhance user experience by making designs more interactive, engaging, and visually appealing. Figma itself has limited animation features, but these plugins help designers create smooth animations, UI interactions, and motion effects without needing external software.</p><h4><a href="https://www.figma.com/community/plugin/809860933081065308/lottiefiles-create-animations-export-from-figma-to-lottie">LottieFiles</a> — Export Figma Designs to Lottie Animations</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*kDLDRBrXx7g9VC4w.png" /></figure><p>LottieFiles allows designers to convert Figma designs into Lottie animations, which are lightweight, scalable, and perfect for web and mobile apps.</p><ul><li>Export high-quality vector animations without coding.</li><li>Works seamlessly with web, iOS, and Android apps.</li><li>Provides a library of free Lottie animations ready to use.</li></ul><h4><a href="https://www.figma.com/community/plugin/961270034818256057/jitter-animation-for-figma">Jitter · Animation for Figma</a> — Instant Motion Effects</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*73hR2REOPeTMXCCM.png" /></figure><p>‍Jitter allows designers to create quick animations from Figma elements, making it easier to add motion graphics without switching tools.</p><ul><li>No animation skills required — apply effects instantly.</li><li>Supports exporting to GIFs and MP4 formats.</li><li>Ideal for social media graphics, animated UI elements, and presentations.</li></ul><h4><a href="https://www.figma.com/community/plugin/889777319208467032/motion-ui-and-games-animation">Motion — UI and Games Animation</a> — Advanced UI Motion Design</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*9NOvTz539tBcezbQ.png" /></figure><p>‍Motion provides more control over animation, making it a great tool for game UI design, website animations, and mobile interactions.</p><ul><li>Create timed animations and transitions directly in Figma.</li><li>Supports exporting animations as JSON, GIF, and video files.</li><li>Helps developers integrate animations directly into UI code.</li></ul><h3>3D &amp; Perspective Plugins</h3><p>Designers looking to add depth, realism, and perspective to their UI projects can leverage these Figma plugins. While Figma is primarily a 2D design tool, these plugins help introduce 3D elements, isometric views, and perspective adjustments to create more dynamic visuals.</p><h4><a href="https://www.figma.com/community/plugin/862059663689780943/perspective-toolkit">Perspective Toolkit</a> — Easy Perspective Adjustments</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*eW-H-AViOq5GfSaG.png" /></figure><p>Adding perspective effects manually in Figma can be difficult. Perspective Toolkit allows designers to transform UI elements into realistic perspective views.</p><ul><li>Helps create 3D depth in UI layouts.</li><li>Transforms flat shapes into angled perspectives.</li><li>Great for app mockups, landing pages, and presentations.</li></ul><h4><a href="https://www.figma.com/community/plugin/946020080871644950/fig3d">Fig3D</a> — Convert 2D Shapes to 3D Objects</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ZDCnIKcxbCUY5xuP.png" /></figure><p>‍Fig3D allows designers to generate 3D-like objects within Figma, making it easy to create depth and lighting effects.</p><ul><li>Converts flat layers into pseudo-3D elements.</li><li>Adds depth, rotation, and extrusion effects.</li><li>Perfect for futuristic UI designs and product mockups.</li></ul><h4><a href="https://www.figma.com/community/plugin/1264600219316901594/vector-to-3d">Vector to 3D</a> — Extrude Vector Shapes</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*vjbk8fFxhEc0J-zp.png" /></figure><p>‍This plugin takes any vector shape in Figma and converts it into a 3D object with extrusions.</p><ul><li>Turns logos, icons, and text into 3D objects.</li><li>Allows adjustments for thickness, perspective, and lighting.</li><li>Eliminates the need for external 3D modeling tools.</li></ul><h4><a href="https://www.figma.com/community/plugin/1026141971534783843/3d-wave-soften-everything-like-fabric">3D Wave: Soften Everything Like Fabric</a> — Create Soft 3D Effects</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*mslIDgbEPJJ0rDnz.png" /></figure><p>‍This plugin warps elements to create soft, wavy 3D effects, similar to fabric folds and liquid textures.</p><ul><li>Adds organic, wavy distortions to UI elements.</li><li>Works well for backgrounds, banners, and abstract graphics.</li><li>Creates aesthetic, modern design effects.</li></ul><h3>Data &amp; Charts Plugins</h3><p>Data visualization is an essential part of UI/UX design, especially for dashboards, reports, and analytics interfaces. These Figma plugins help designers create charts, tables, and flow diagrams without needing third-party tools.</p><h4><a href="https://www.figma.com/community/plugin/731451122947612104/charts">Charts</a> — Generate Customizable Charts</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*e1-H2volt8GUf1W3.png" /></figure><p>Manually designing charts can be time-consuming. The Charts plugin allows designers to create bar charts, pie charts, and line graphs directly in Figma.</p><ul><li>Generates customizable charts based on input data.</li><li>Supports multiple chart types, including bar, pie, and line graphs.</li><li>Works well for dashboard UI design and data-heavy projects.</li></ul><h4><a href="https://www.figma.com/community/plugin/733902567457592893/autoflow">Autoflow</a> — Create Flowcharts and User Journeys</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/876/0*u6PN1PiUlv2wZyur.png" /></figure><p>‍UX designers often need to map user flows and processes. Autoflow makes it easy to connect UI elements with lines and arrows.</p><ul><li>Automatically connects elements with arrows to form flowcharts.</li><li>Great for wireframes, process diagrams, and UX journeys.</li><li>Helps teams visualize navigation paths and user interactions.</li></ul><h4><a href="https://www.figma.com/community/plugin/885838970710285271/table-creator">Table Creator</a> — Design Tables Quickly</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*60uE1zSFMCTS03S8.png" /></figure><p>‍Tables are common in admin dashboards, pricing pages, and reports, but manually designing them is slow. This plugin helps generate tables instantly.</p><ul><li>Creates fully customizable tables inside Figma.</li><li>Supports adjustable rows, columns, and styling.</li><li>Works well for SaaS dashboards, product listings, and financial reports.</li></ul><h3>Code &amp; Export Plugins</h3><p>Designing in Figma is just one step — translating designs into clean, developer-friendly code is equally important. These plugins help designers convert Figma layouts into React, HTML, CSS, Tailwind, and Webflow-ready code, streamlining the handoff process for developers.</p><h4><a href="https://www.figma.com/community/plugin/747985167520967365/builder-io-ai-powered-figma-to-code-react-vue-tailwind-more">Builder.io — AI-Powered Figma to Code</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*TTyVQeu0kb9PxfPG.png" /></figure><p>This AI-powered plugin converts Figma designs into clean React, Vue, and Tailwind CSS code, making it easy to integrate into web projects.</p><ul><li>Converts UI components into React, Vue, and Tailwind-ready code.</li><li>Helps developers speed up the frontend build process.</li><li>Works well for designers working closely with development teams.</li></ul><h4><a href="https://www.figma.com/community/plugin/857346721138427857/anima-figma-to-code-react-html-css-tailwind-mui-devmode-inspect-react-html-vue-css">Anima — Figma to Code</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*gZ2sFtj80WMBiLOw.png" /></figure><p>‍Anima allows designers to export Figma designs to clean, production-ready HTML, CSS, and React code, including animations.</p><ul><li>Exports responsive HTML, React, and Tailwind CSS.</li><li>Maintains interactions and animations from the design.</li><li>Helps bridge the gap between design and front-end development.</li></ul><h4><a href="https://www.figma.com/community/plugin/1056467900248561542/locofy-lightning-figma-to-code-in-a-flash">Locofy Lightning — Figma to Code in a Flash</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Ctuq_VgNCGY_7t6L.png" /></figure><p>‍Locofy converts Figma designs into production-ready code for React, Next.js, Gatsby, and more.</p><ul><li>Provides real-time live previews of code output.</li><li>Converts designs into structured, exportable code.</li><li>Supports multiple frameworks like React, HTML, and Vue.</li></ul><h4><a href="https://www.figma.com/community/plugin/1159123024924461424">html.to.design — Import Websites to Figma Designs</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*IOOmv-grp2-AL8iw.png" /></figure><p>‍This plugin allows designers to import any live website into Figma as editable layers, making it useful for UI inspiration and redesigns.</p><ul><li>Converts live websites into editable Figma layers.</li><li>Helps designers analyze and improve existing UI layouts.</li><li>Ideal for reverse engineering competitor designs.</li></ul><h4><a href="https://www.figma.com/community/plugin/1164923964214525039/figma-to-webflow-html-css-and-website">Figma to Webflow</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*j9Vv2WsO_-gRG7Hw.png" /></figure><p>‍For designers using Webflow, this plugin exports Figma components into Webflow-compatible HTML and CSS.</p><ul><li>Converts Figma layouts into clean Webflow elements.</li><li>Helps streamline no-code web development.</li><li>Reduces the time needed to rebuild designs manually in Webflow.</li></ul><h4><a href="https://www.figma.com/community/plugin/1037108608720448600/figma-to-html-with-framer">Figma to HTML with Framer</a></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*bsXlChGbD752Lwpt.png" /></figure><p>‍Framer is a powerful design-to-code tool that exports Figma files into fully responsive, pixel-perfect HTML.</p><ul><li>Translates designs into functional HTML components.</li><li>Helps create interactive prototypes with real code.</li><li>Works well for marketing pages, UI demos, and rapid prototyping.</li></ul><h3>Wrapping It Up</h3><p>Figma is already a powerful design tool, but plugins elevate its functionality, making the design process faster, more efficient, and more creative.</p><p>The Figma Community is constantly evolving, with new plugins being released every month. Every designer should experiment with different plugins, integrate them into their workflow, and discover which ones best suit their needs.</p><h3>FAQs About Figma Plugins</h3><h4>1. Are Figma plugins free?</h4><p>Most Figma plugins are free, but some offer premium features. If a plugin is essential for your workflow, investing in a pro version might be worthwhile.</p><h4>2. How do I install a Figma plugin?</h4><ol><li>Go to the Figma Community tab.</li><li>Search for the plugin you need.</li><li>Click “Install” and it will be available in Figma → Plugins.</li></ol><h4>3. Can I create my own Figma plugin?</h4><p>‍Yes! Figma provides an API for developers to create custom plugins. If you or your team need a unique tool, consider developing your own plugin to fit your needs.</p><h3>Final Thoughts</h3><p>‍Figma’s plugin ecosystem is one of the biggest reasons why it has become the go-to design tool for UI/UX professionals. Whether you’re a beginner or an expert, using plugins enhances productivity and creativity, allowing you to design faster, collaborate better, and build better products.</p><p>🚀 <strong>Try out these plugins today and take your Figma workflow to the next level!</strong></p><p>This article was originally published on <a href="https://www.toools.design/"><strong>Toools.design</strong></a> where I share more insights on Design Resources and Tools.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=eb28e6ab2448" width="1" height="1" alt=""><hr><p><a href="https://www.designsystemscollective.com/50-best-figma-plugins-for-designers-eb28e6ab2448">50 Best Figma Plugins for Designers</a> was originally published in <a href="https://www.designsystemscollective.com">Design Systems Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Imagine your landing page is a person]]></title>
            <link>https://uxdesign.cc/imagine-your-landing-page-is-a-person-b0d9121d69ce?source=rss-2fc4c81951bd------2</link>
            <guid isPermaLink="false">https://medium.com/p/b0d9121d69ce</guid>
            <category><![CDATA[landing-pages]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[marketing]]></category>
            <category><![CDATA[growth-hacking]]></category>
            <category><![CDATA[product-design]]></category>
            <dc:creator><![CDATA[Pascal Strasche]]></dc:creator>
            <pubDate>Tue, 14 Apr 2020 00:08:55 GMT</pubDate>
            <atom:updated>2020-04-14T00:08:55.039Z</atom:updated>
            <content:encoded><![CDATA[<h4>So, you plan to introduce your new product to the world? And you want to win many loyal customers?</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*f_olTzh4frMCoqUm8ARBXg.png" /></figure><p>Imagine walking down the street and introducing your product to people as your landing page would do. Would you listen if it wasn’t clear from the start what’s in there for you? How would you feel if someone asked you after each sentence if you want to buy something? Would you stay at all if the conversation is bad?</p><blockquote>When designing landing pages, it helps to imagine a successful conversation.</blockquote><p>So in order to know how to design a great landing page you basically need to know how to have successful conversations and build powerful relationships.</p><p>Let’s see what some of the best conversation and relationship building experts say.</p><p>Here are three general findings from <em>“</em><a href="https://www.google.com/search?q=How+to+Make+People+Like+You+in+90+Seconds+or+Less&amp;rlz=1C5CHFA_enDE727DE727&amp;oq=How+to+Make+People+Like+You+in+90+Seconds+or+Less&amp;aqs=chrome..69i57j69i59j69i60l3.793j1j1&amp;sourceid=chrome&amp;ie=UTF-8">How to Make People Like You in 90 Seconds or Less</a><em>”</em> by <a href="https://nicholasboothman.com/"><em>Nicholas Boothman</em></a>:</p><ul><li><em>Display an open body language<br></em>Exposing your heart and body, signals that you are not only willing to communicate, but enthusiastic about it.</li><li><em>Have a useful attitude<br></em>Be open and focus on what you want out of the conversation instead of staying passive.</li><li><em>Be consistent in your communication<br></em>Being consistent and honest in what you’re saying, demonstrates your integrity and makes you a reliable person.</li></ul><p>And here are a bunch of useful rules from <em>“</em><a href="https://andrewsobel.com/power-relationships-laws/"><em>Power Relationships</em></a><em>” </em>by<em> </em><a href="https://andrewsobel.com/"><em>Andrew Sobel</em></a><em> and Jerold Panas:</em></p><ul><li><em>Focus on quality over quantity<br></em>Make sure not to have as much relations as possible but more on having fewer but very good relations.</li><li><em>Give people your confidence and unwavering belief<br></em>Taking your customers for a fool can poison your relationship right at the beginning.</li><li><em>Acts of kindness and selflessness often create the most powerful bonds<br></em>Being generous in the first place might come back around.</li><li><em>To earn trust, you also have to give it</em><br>Without trust, relationships are doomed to fail.</li><li><em>You don’t need to have all the right answers, it can often look better to have the right questions<br></em>All of your competitors will gave more or less the same answers but showing real interest will make the difference.</li><li><em>Keep people curious and intrigued but don’t forget to be enthusiastic and vulnerable too from time to time<br></em>Give your potential customers the information they need, rather than telling them everything you know.</li><li><em>People tend to trust someone they already know<br></em>It’s easier to get to know someone if you are introduced by a shared friend, someone who knows both you and the other person.</li></ul><h3>But how can you transfer these best practices to your landing page?</h3><p>Here are 10 useful takeaways with examples from around the web:</p><blockquote><strong><em>1. Display an open body language</em></strong><em><br></em>Be as accessible as possible and don’t hide anything. Show face, show your contact details, show your company, show that you would love to get in touch.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PJOo2k5SlmPShS6GmOhP_g.png" /><figcaption><a href="https://conversionlab.no/">ConversionLab</a> features an image of the smiling Founder on top of their page which makes them quite accessible</figcaption></figure><blockquote><strong><em>2. Have a useful attitude</em></strong><em><br></em>Make sure to communicate your value proposition at first glance and with as less words as possible and make sure to have a great engaging Call-To-Action at the beginning and end of your landing page. Specify in very clear words what your potential customer should do.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*HMDSrru5dEGQ3iRXoQi3Kw.png" /><figcaption><a href="https://www.shopify.com/">Shopify</a> manages to convey in a few words what is offered and what action the user should take</figcaption></figure><blockquote><strong><em>3. Be consistent in your communication</em></strong><em><br></em>Be authentic and keep looking like you always look. Use the same words for the same things and be honest.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*c7yGyUmoEeSGPIiUtO40hg.png" /><figcaption><a href="https://www.morningbrew.com/">Morning Brews</a> newsletter is a good example for great consistent communication</figcaption></figure><blockquote><strong><em>4. Focus on quality over quantity<br></em></strong>If you address everyone, your products standpoint will be weakened. Better find a niche and make it clear to whom your product is aimed and let people know.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*rTLZtnSeEF62T6RggXpzvw.png" /><figcaption><a href="https://mixmax.com/">MixMax</a> narrows their target group down to six potential user groups</figcaption></figure><blockquote><strong><em>5. Give people your confidence and unwavering belief</em></strong><em><br></em>Taking your customers for a fool can poison your relationship right at the beginning. Be informative and human, don’t speak marketing blah.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WPH0Vz-Pu-U8J3D3euMmvg.png" /><figcaption><a href="https://todoist.com/">Todoist</a> tells their authentic story which creates even more trust</figcaption></figure><blockquote><strong><em>6. Acts of kindness and selflessness often create the most powerful bonds</em><br></strong>Offer additional content to your topic so that your visitors benefit, even if they don’t go with your offer. They might suggest you to someone else.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*trJurPMo3-OP3Q-goVup9Q.png" /><figcaption><a href="https://wistia.com/">Wistia</a> produces content to inspire marketers and creators who use their product</figcaption></figure><blockquote><strong><em>7. To earn trust, you also have to give it</em><br></strong>Offering subscriptions that are terminable on demand or can be tried for free demonstrates trust in your new customers and proves confidence in your own product.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZRSMAeVAw6Ae0b-eMCupVQ.png" /><figcaption><a href="https://fibery.io/build">Fibery</a> makes it very bold and simple</figcaption></figure><blockquote><strong><em>8. You don’t need to have all the right answers, it can often look better to have the right questions</em></strong><br>Ask questions that the user can relate to and will make him think instead of just presenting answers to their assumed problems. And do surveys to find out how you can bring the most benefit to your user.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*syfmos9BuXQnHuy_irjkBQ.png" /><figcaption><a href="https://www.pachyderm.com/">Pachyderm</a> is interested in the specific situation of its customers and demonstrates their expertise in various areas in which they operate</figcaption></figure><blockquote><strong><em>9. Keep people curious and intrigued but don’t forget to be enthusiastic and vulnerable too from time to time</em></strong><em><br></em>Only pick the best 3 to 5 features and explain them shortly. If more information is needed or you have a lot of features to explain, use subpages to go more into detail. Showing features that you don’t have yet but that you plan to do in the future makes you vulnerable, but shows your enthusiasm.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ERb7X1cUsST66DOsoZ8uzQ.png" /><figcaption><a href="https://infermedica.com/">Infermedica</a> convey their features in a short and and striking manner, which makes it very easy to digest</figcaption></figure><blockquote><strong><em>10. People tend to trust someone they already know or are similar to<br></em></strong>Having customers like Airbnb, Nasa or Ebay naturally brings you the highest possible credibility. If you just start your business, give out your product for free and make your first testers your testimonials.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*F-8KQFiZXZI6k5NETzaNhg.png" /><figcaption><a href="https://www.atlassian.com/">Atlassians</a> testimonial section features companys we all know and trust</figcaption></figure><blockquote><strong><em>Extra hint: Be human, rather than mechanical</em></strong></blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZS66jCHD3HBW27J5yoR4qQ.png" /><figcaption><a href="https://basecamp.com/support">Basecamp’s</a> support page impresses with humanity</figcaption></figure><blockquote>When practicing good conversation in your landing page and following the rules of a successful relationship building, you are about to win a very loyal customer base.</blockquote><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=b0d9121d69ce" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/imagine-your-landing-page-is-a-person-b0d9121d69ce">Imagine your landing page is a person</a> was originally published in <a href="https://uxdesign.cc">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>