Brand Logo
  • Home
  • Articles
  • Free Stuff
    • Get Your Free Copilot Agent Roadmap 🆕
    • Get Your Free Copilot Tips Guide
    • Free JSON Formatting Mini-Guide
    • Code Samples
  • Premium Training
  • About
    • Coaching
  • Home
  • Articles
  • Free Stuff
  • Premium Training
  • About

Microsoft has released a new UI kit for Figma

Posted on January 24, 2024

Microsoft has released another UI kit for Figma! This one is named the Microsoft 365 UI Kit. It allows you to design responsive applications that span the Microsoft 365 ecosystem. It allows for quickly designing applications and mock-ups using Figma’s popular interface.

This UI kit also provides guidance for apps running in Teams and Outlook. There’s pre-built screens to mimic the web and mobile interfaces.

It’s also got a very handy ‘Getting Started’ section so you get your environment set up properly, and work with your team collaboratively on solutions.

List and Library formatting?

I’m ready to help you. My online course will teach you the whole process.

Learn more

What is Figma?

Figma is a powerful cloud-based design tool that has revolutionized the way designers, developers, and teams collaborate on creating digital interfaces. It provides a versatile platform for designing, prototyping, and sharing user experiences seamlessly. What sets Figma apart is its real-time collaboration feature, enabling multiple users to work on the same project concurrently, fostering a more dynamic and efficient design process.

With Figma, designers can create interactive and responsive prototypes, making it easier to visualize and communicate the flow and functionality of a digital product. The tool supports vector editing, allowing for the creation of scalable and high-quality designs. Figma’s cloud-based nature means that projects are accessible from any device with an internet connection, facilitating collaboration among distributed teams and promoting a more flexible and adaptive workflow.

In addition to its design capabilities, Figma also offers features for version control, commenting, and sharing, streamlining the feedback loop and enhancing communication throughout the design and development phases. Whether you’re a solo designer or part of a collaborative team, Figma’s intuitive interface and collaborative functionalities make it a go-to tool for modern interface design projects.

Getting Started

To get started with this kit, you’ll want to head over to the Microsoft 365 UI Kit product page. From there, you’ll log into Figma and begin designing!

If you’re not familiar with these UI kits, there’s also a SharePoint Web UI Kit available for more SharePoint-centric solutions.

Miss My Live Copilot Agent Workshop?

It’s now available on-demand

Contact Me!

    Previous Post
    SharePoint Roadmap Recap: December 2023
    Next Post
    Cheaper Entry-Point for Microsoft Copilot Now Available!
    Share with your network!

    Tags

    Figma, Wireframe

    Recent Posts

    The New SharePoint Page Agent – First Impressions

    December 31, 2025

    Meet the New Copilot App Builder Agent: How to Build Apps with Ease

    December 17, 2025

    What Exactly Is a Copilot Agent?

    December 3, 2025

    Microsoft Agent 365: The Ultimate Control Center for AI Governance in M365

    November 19, 2025

    How to Find Inactive Pages in SharePoint with the Knowledge Agent

    November 5, 2025

    Your Copilot Agent Roadmap

    My free guide to get you started with Copilot Agents

    Book Recommendation
    Mastering Microsoft 365 and SharePoint Online: A complete guide to boosting organizational efficiency with Microsoft 365’s real-world solutions
    TikTok
    X
    LinkedIn
    YouTube
    *As an Amazon Associate I earn a commission from qualifying purchases.