Skip to main content

SharePoint Web UI kit

Microsoft has unveiled its inaugural modern UI toolkit tailored for SharePoint sites and pages, a response to invaluable input from customers and MVPs. The objective is to provide users with the tools they need to efficiently craft their online environments. Leveraging the widely utilized Figma tool, Microsoft has created a comprehensive collection of web parts, styles, and templates, streamlining the process of constructing captivating websites.

How you can get started with the SharePoint Web UI kit?

Using the link mentioned below you can open the web kit in figma. 

Click here to visit the community

What you can do with the SharePoint Web UI kit?

Right now this is the first iteration based on my learning, these are the key take away.
  • Utilize Figma's page templates to craft page arrangements for your SharePoint site. Enhance the layout by incorporating Figma components, which can be easily dragged, dropped, and adjusted according to your requirements. This streamlined process grants you additional time to refine the optimal user experience.
  • Customize your site layouts by adding your own brand colors and logos.  
These are the some of the useful URLs from which I get this information:


Labels:

Comments

Post a Comment

Popular posts from this blog

SPFx Interview Questions With Answers

In this article, we are going to discuss interview questions related to the SPFx (SharePoint Framework Development ). It will help you to prepare for the interview and in getting clarity on the core concepts of SPFx development. What is SPFx? SPFx, short for SharePoint Framework,  SPFx  allows us for client-side SharePoint development, we can easily connect with SharePoint data and it also supports for open source tools. What is the major difference between SPFx web part and the SharePoint app? Both the development model supports client-side development but the major difference between these two is that the SharePoint app(add-in) runs on the iframe. What you can build with SPFx? Using SPFx framework we can customize the SharePoint pages. We can build things mentioned below using the SharePoint Framework(SPFx). Web parts, Extensions, Adaptive Card, Library Component How many types of extensions we can create using SPFx? SPFx has three extension types: Application Customizers: U...
2 comments
Read more

How to register an app in SharePoint

In this article, we are going to learn how to register an app/add-in in SharePoint online. If you have created a Sharepoint provider-hosted add-in or other SharePoint solution and to access the SharePoint site or list using the app/add-in you need to register the add-in on SharePoint and to grant permission. Register app in SharePoint 1. Login into SharePoint and Navigate to register an app page. Use the URL mentioned below:          [Sitecollection URL]/_layouts/15/appregnew.aspx 2.  Once you navigate to the Register app page, a form will open. You need to fill all the fields on the form. Client Id and Client Secret  generated when we click on the generate button available next to the fields.  Title : Name of the add-in which you want to give. App Domain : Where your domain is hosted, for the local environment you can place             "www.localhost.com". Do not include HTTP or HTTPS...
Post a Comment
Read more

Agents in SharePoint: A New Era of Productivity

Agents in SharePoint is a innovative tool to enhance business processes, productivity and collaboration. Agents in SharePoint allow us to get information from the documents/contents stored on the SharePoint site.Notably, Agents in SharePoint are now generally available, offering a powerful way for businesses to unlock the value of their content and scale expertise across teams. Plenty of organizations using SharePoint and keeping their data into the SharePoint. Sometimes it's very difficult and time-consuming to navigate to the document and retrieve the information. Agents in SharePoint will allow us to get the information directly by asking questions. It will be cool. Agents in SharePoint These agents are scoped to SharePoint sites and documents, helping users quickly find relevant information, make data-driven decisions, and improve business outcomes. Agents in SharePoint are simple to use and can be created with just a few clicks: Default Agents : Every SharePoint site come...
Post a Comment
Read more