SharePoint Web UI Kit - New Figma web part components available (v2.2) and feedback requested
Published Feb 27 2024 09:00 AM 3,963 Views
Microsoft

Examples of new webparts added to the SharePoint Web UI Kit in the Figma Community.Examples of new webparts added to the SharePoint Web UI Kit in the Figma Community.

 

Our SharePoint Web UI kit in Figma has been updated with some great new additions! This update includes more web parts so you have more options when designing your SharePoint sites and pages. The new update (v2.2) includes: 

 

New web parts and page elements:

  • Page title 
  • Section header 
  • Divider 
  • Link 
  • Organization chart 
  • Stream 
  • Weather 
  • World clock 

 

Additional updates: 

  • Moved shared components to single location 
  • Re-organized templates section 
  •  

We are currently seeking feedback from both 1) those who have used the SharePoint Web UI Kit and 2) those who have not yet had the opportunity but have a need for this toolkit. Your input is highly valued and will help us improve the UI Kit. You can answer the anonymous survey here, which should only take 5 minutes to complete: https://forms.office.com/r/aduAA8jMN8

 

To get started with our updated UI kit, simply download the latest version from the Figma Microsoft Community website: SharePoint Web UI Kit – Figma. 

 

Why use the Figma SharePoint Web UI kit? 

Figma is a subscription-based application that is the industry standard tool for web design. It provides an alternative to designing sites and pages outside of SharePoint. Figma does not build the pages in SharePoint, so once you finalize a design in Figma, you will need to build it in SharePoint. You should evaluate if Figma is the right solution for mocking up sites and pages for SharePoint. 

 

Design without organizational limitations 

This UI kit provides SharePoint users with another tool in their toolbox. While building a page in SharePoint is easy, we wanted to provide the ability to mockup sites and pages. It allows you to explore different design options for your site without the limitation of admin privileges and tenant restrictions, and doesn’t expose organization data.  

Figma mockups provide a quick snapshot of SharePoint updates which business stakeholders can use to plan and make decisions. They can provide appropriate requirements and use this UI kit in collaboration with their design team to iterate in the life cycle of your organization's intranet. 

 

Share designs with ease 

This UI kit provides you with page layouts and a selection of web parts to allow you to mockup and share new ideas across organizations and companies. Figma gives you the flexibility of reviewing and sharing your designs without having to spend time and resources creating it in SharePoint. Figma also allows you to download your designs into easy-to-use formats that can be used in documentation and presentations.  

Learn more at https://www.figma.com/  

 

Community feedback 

As mentioned above, please consider filling out our anonymous survey to share feedback from both 1) those who have used the SharePoint Web UI Kit and 2) those who have not yet had the opportunity but have a need for this toolkit: https://forms.office.com/r/aduAA8jMN8

We'd love to know what's working for you and what you'd like to see next. Alternatively, you can leave a comment on the Figma SharePoint Web UI kit page or by visiting the SharePoint Community.  

We hope you enjoy our latest update and look forward to seeing what you create with it! 

Version history
Last update:
‎Feb 20 2024 06:48 PM
Updated by: