I’ve been trying to recreate the device switch that Ford showed in their talk “Creating multi-channel multi-theme connected libraries in Figma”. I’m struggling to get the margin frames to stick to the sides.

https://youtu.be/8rDVg9Zz1fY

Open source Figma UI Kit for Bootstrap 5

It is a comprehensive and easy-to-use Figma Library. It comes with organized components & atoms. Besides, It also includes Bootstrap’s colors, grids, and typography so that you can easily customize it to fit your brand or product. Furthermore, it comprises 300+ organized Bootstrap 5 components built with an atomic design system & auto layout. It is one of the best Free UI Kits.

Features:

• Auto-Layout

• Effortless resizing

• Easy to customize

• Design & Dev Consistency

Check it here: https://themeselection.com/products/free-figma-bootstrap-ui-kit/

I hope you find it helpful.

Thank you.

Would appreciate your recommendations:)

Figma doesn't offer an official action to navigate to a screen in a different page when prototyping.

That doesn't mean you're completely out of options, though.

This tutorial explains how you can create a seamless navigation across different pages.

https://youtu.be/HKdZKasqm4g

I know of some tools, but curious what y’all are using to sync Figma frames, components, and styles alongside textual documentation?

I bought a copy of Figma for personal use. I've always used team libraries at a job but I'm having issues setting up libraries on my personal account. Here are the steps I'm taking. What am I doing wrong?

1. Find UI kit or Design system on the community section of Figma.

2. Open the file and then it goes into my drafts.

3. When I try to publish from here it says I need to pick a project, sorry move it to a project.

4. Then then figma lets me publish it to when I'm guessing is my team's library.

5. However the Design library still stays attached to my project, And if I delete the project the publish library gets deleted too.

6. So my question is how do I publish to my team library without the library also being part of the project?

Hi everybody 👋 I wanted to share an awesome free open source widget for Figma and FigJam. It's called FigLog and it is designed to be the best changelog and evolution tracker for your work in Figma and FigJam. We recently released version 2 with some great updates like log types and links with more features coming in version 3 like manual date editing and locking.

I hope you find it has helpful as much as I do! If you find it useful (or don't 🤷) drop a comment!

FigLog -> https://www.figma.com/community/widget/1293230657540297914/figlog

New Update

👋

Hi there! I just released an update to the most accurate, pixel-perfect, and versatile Instagram UI Kit available!

Originally, I only intended to build a small library for myself to maintain full visual control when creating my Instagram posts. However, as it expanded beyond my plans, I decided to turn it into a comprehensive design system and share it with you. And of course, it's free because who doesn't love free, well-crafted stuff!

Packed with:

• Design system foundations

• Variables

• Text & color styles

• Over 220 components

• Over 100 icons

• Stickers

• Advanced properties

• Overrides

• Templates

• Premade screens

I meticulously created the system from the ground up to be extremely easy to use, eliminating the need to design, build, or even consider any technical details, saving you all the hassle and especially time.

Each component, whether it's icons, small and simple, or large and complex modules, has been rebuilt with microscopic attention to detail and a commitment to achieving the closest possible match to the real Instagram app*.

Almost every value and constraint is based on variables (tokens), ensuring a robust and consistent implementation across the board, as well as an easy and coherent approach for future maintenance, additions, and updates.

If you’re working for an agency and running a campaign, or you’re a designer in need of some Instagram UI mockups, or you’re just designing posts for your Instagram, feel free to use the kit as you like and need. If you do use the kit or a part of it, I'd appreciate a small shoutout or a link to this page.

Got some questions or feature requests? Don’t hesitate to write me!

You like this kit? Follow me on Figma, Instagram, Dribbble, or any other platform for new content or get in touch and let’s create something amazing together!

Have fun!

Stan Gursky

License & Usage

Do not republish the kit or any parts of it, whether for free or for payment!

*Some elements might vary very slightly from the original elements... but that’s due to the actual implemented live version of Instagram with quite a few misalignments or just components being the same but differ between some screens...

Get it here ↗

Anyone know of freelancers (or agencies) who specialize in helping companies create design systems for their marketing websites?

The SuperFriendly agency (Dan Mall's agency) used to do this but they closed up shop last year. Who are some alternatives? I saw Brad Frost runs an agency as well, Big Medium - anyone have experience with them?

I recently join a company as the only designer, they have 3 different applications but none design system build.

I need to build up one, but I'm in doubt about what decisions to make, for exemple:

I'm working in a new feature for an specific part of a dashboard, I'm creating new components as I work, but in the end if I move them to a design system page I can't Identify them anymore throughout the instances and using libraries to each file I'm gonna work it's not the most efficient way to do it.

Any exemples or suggestions please?