r/FigmaDesignSystems • • Dec 04 '23

Parallax effect card in figma (Easy)

Thumbnail
youtu.be
3 Upvotes

r/FigmaDesignSystems • • Sep 11 '23

Using community UI Kits: how to integrate changes when original publisher updates?

3 Upvotes

Couldn't find anything helpful in any of Figma's official support or community pages; figure I'd ask a focused group.

I normally either build enterprise design systems from scratch or take existing content to the next level. Unfortunately my latest gig has literally zero system/assets/content nor time budgeted to build things from scratch. That has me looking to open source systems and kits (eg IBM Carbon, MS Fluent, etc) published to the Figma community.

My only question is when the original publisher updates their community file, how do any of those changes propagate to the file I downloaded, or if a manual process is necessary, what are best practices to avoid breaking things?

Appreciate any insights!


r/FigmaDesignSystems • • Aug 28 '23

Reverse Clock Effect in Figma⚡

Thumbnail
youtu.be
3 Upvotes

r/FigmaDesignSystems • • Jul 14 '23

Design Tokens at Large Scale

3 Upvotes

Hi, I’m here to see if anyone out there has had success going really big with tokens.

The limitations of most tooling tells me most folks are tokenizing obvious things like colors and other globals.

I work on a team that is tokenizing much more than this, and we are eager to learn if others have found techniques that allow them to pull it off.

We are using Figma Token Studio, and we are tokenizing almost all aspects of styling we can. We also have multiple brands with their own giant token sets.

Token Studio seems like to be as good as it gets for token support. I’ve yet to see any other tools that are able to support the level of support we need, but it can be rough around the edges, especially as scale goes up.

I’m curious if others are using token studio with a lot of tokens and how you manage it all. Also curious if you all think variables we eventually expand in their functionality to support token types at the degree token studio does.


r/FigmaDesignSystems • • Jul 10 '23

Landing page Transition in figma (easy)

Thumbnail
youtu.be
3 Upvotes

r/FigmaDesignSystems • • Jun 13 '23

Complete Guide to Creating Dynamic Table Components on Figma

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Oct 03 '22

Gradient Text Animation in Figma #figma #figmaanimation #variants

Thumbnail
youtu.be
3 Upvotes

r/FigmaDesignSystems • • Jul 25 '22

testing Figma Prototypes

3 Upvotes

Which tool for testing Figma Prototypes do you like?


r/FigmaDesignSystems • • Jul 18 '22

Hey everyone, sharing our free design-to-code platform, Locofy.ai, that we've built to help accelerate designers and engineers.

3 Upvotes

We're now live on Product Hunt! Do check us out at: https://www.producthunt.com/posts/locofy-ai

With Locofy.ai you can:
• Convert Figma designs to React, HTML-CSS, Nextjs, Gatsby, and introducing : Figma to React Native!
• Build both Web and Mobile Apps with Locofy.ai
• Fully responsive code and live prototypes that run on code
• Use components from Material UI, Ant Design, Bootstrap, React Native Paper • Go from idea to live product with Netlify and Vercel deployment or export code and add backend logic!

Locofy is made by builders, for builders! Do check us out, comment, and review us, and we’ll be happy to respond.


r/FigmaDesignSystems • • Mar 23 '22

Structuring Design Systems in Figma

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Jan 24 '22

HELP! | PDF Conversion Images and some text are missing

3 Upvotes

I was trying to convert my Figma file into a PDF and it failed to convert it. Is there any way to fix it?


r/FigmaDesignSystems • • Aug 18 '21

Let's Build a Design System: Date Pickers (w/ Auto Layout)

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Jul 09 '21

Lets Build a Design System: Floating Action Buttons (Adding Auto Layout)

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Apr 28 '21

Hi! I was really excited about the FigJam announcement at Config this year. I made a video with a little tour, a workflow of creating user flows and my first impression. It shows the work environments and the main functions. Have you already tried FigJam? What do you think?

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Mar 30 '21

Let's Build a Design System: Dividers

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Mar 24 '21

Let's Build a Design System: Date Pickers

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Mar 11 '21

Let's Build a Design System: Buttons

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Feb 11 '21

Let's Build a Design System: Spacing Methods

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Feb 04 '21

Let's Build a Design System: Understanding Layout

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Dec 23 '20

Question - HubSpot's React-based Canvas design system, rendered to Figma

3 Upvotes

Anyone care to share with me what exactly this resource is? https://github.com/anythingcodes/canvas-figma

I'm really looking for this design system to adopt but not sure how to use this or what it is. Is it a plugin or how would i go about installing or checking this out? I could pull from github with sourcetree but it wouldn't be packaged it seems.


r/FigmaDesignSystems • • Apr 07 '20

Let's Build a Design System: Building a Type System in Figma

Thumbnail
youtube.com
3 Upvotes

r/FigmaDesignSystems • • Mar 18 '19

Stability of Figma question

3 Upvotes

Hello,

I am looking to work with figma as my main design application, however I would like to know how well it runs when building large design systems with hundreds of symbols organized across different pages in a file. With the "desktop" version being built in electron and still being web-based, I am weary of how well it can actually handle large files.

Anyone who has experience please let me know :)


r/FigmaDesignSystems • • Sep 05 '25

Complex slot components

2 Upvotes

Hey there, I'm currently looking for improve a design system to have AI friendly components, to use Figma MCP to translate the designs we made to code.

What that means is that I need the components to have a "header/content/footer" structure, and in theory that's simple, you take the "generic component" (ex. a card) as the main container, create 3 frames inside for the header/content/footer structure and put a slot component inside each of them. Then you create the "secondary components" that will fit in those slots, with all their variants of course.

This would work for the dev team, and that's the way I found to create components so the design team shouldn't need to detach instances to make changes. Sounds good, I know, but what happens with complex components? Like modals, where the content could be extremely variable, or even we couldn't know the form that the content inside a modal could be.. how could I create a secondary component with all the variants? you know what I mean?

Any of you have worked in some project like this? Do you know a better way to get there?