Skip to main content

Design basics

Discover the fundamentals of design with articles that cover the core principles, tools, and techniques every designer should know.

Featured articles

null

  • What is the difference between UI and UX?

    UI and UX design is an important part of the design process for your products, but what is the difference between UI and UX? Read on to learn more.

    Read article
  • 24 best fonts for websites

    Read on to learn more about the best fonts for websites in 2026, how to find the right typeface for your brand, and how Figma can help.

    Read article
  • 100 color combinations to influence your next design

    Pairing the right colors together creates harmony in UI designs. Learn 100 color combinations for your next project and how Figma can help.

    Read article

All design basics articles

Showing 120 results
  • UX for product managers: The key to building better products

    • UI/UX Design principles

    Understanding UX for product managers helps you build products people love. Learn how to step into the design process early and collaborate on user problems.

    Read article
  • 29 AI website examples for SaaS, e-commerce, and more

    • Web design

    Explore 29 AI website examples across industries like SaaS, tech, and retail. See how AI handles complex hierarchy and use these files to start your Web design.

    Read article
  • 11 no-code app examples to inspire your next project

    • Web design

    Validate your startup idea faster with these 11 no-code app examples. From games to complex dashboards, see what’s possible without hiring a developer.

    Read article
  • 10 real-world vibe coding examples to jumpstart your AI workflow

    • Web design

    Explore 12 real-world vibe coding examples that show how to build apps from prompts. Learn a workflow to turn your best ideas into functional prototypes instantly.

    Read article
  • 16 landing page examples + tips to reach your customers

    • Web design

    Discover 16 landing page examples and templates to help boost conversions for your brand. Learn what makes each design effective to inform your Web strategy.

    Read article
  • 12 defining Web development trends for 2026

    • Web design

    Explore web development trends defining 2026. Learn how AI-driven workflows, server-first performance, and new browser standards are reshaping how teams build.

    Read article
  • 60+ Web design statistics: Accessibility, AI, and more industry insights for 2026

    • Web design

    Explore 60+ Web design statistics for 2026. From AI and bounce rates to UX and accessibility, discover how to keep up with the shifting digital landscape.

    Read article
  • 79+ design statistics: Tools, collaboration, and AI in 2026

    • Web design

    Explore 79+ essential design statistics for 2026 and see how AI, workflow trends, and ROI metrics are shaping the industry.

    Read article
  • 7 of the best AI app builders for 2026

    • Web design

    Create interactive apps faster with some of the best AI app builders for 2026. Build no-code or low-code apps with Figma Make and other AI-powered platforms.

    Read article
  • Static vs. dynamic websites: Which website is right for you?

    • Web design

    Discover the advantages, drawbacks, and differences of static vs. dynamic websites and how to create a website that best suits your goals with Figma.

    Read article
  • 23 inspiring portfolio website examples + tips

    • Web design

    Looking to create a portfolio website? Explore inspiring portfolio website examples, tips for creating your own, and how Figma can help in this guide.

    Read article
  • 10 vibe coding tools for building better experiences

    • Prototype & Wireframe

    Keep up with the latest shift in software development using vibe coding tools that allow you to create full applications from plain language prompts.

    Read article
  • How to start a presentation: 20 ways to kickstart your slides

    • Brand & Storytelling

    Learn how to start a presentation with 20 fun and engaging examples, and see how Figma can take your presentation to the next level.

    Read article
  • 25 best sans serif fonts for your designs and websites

    • Typography

    Discover the best trending sans serif fonts you can use for designs, resumes, UIs, and websites. From open source and accessible fonts to modern designs.

    Read article
  • What is user experience (UX) design? Process + principles explained

    • UI/UX Design principles

    UX design is the creation of digital products around user needs and expectations. Learn key principles, skills, and how to use Figma for UX design.

    Read article
  • 11 of the best AI coding tools and assistants for developers

    • Web design

    Discover some of the top AI coding tools for 2026. Compare capabilities, pricing, and discover why Figma’s AI code generator leads the new design‑to‑code era.

    Read article