menu

Figma

Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!

Channels
Team
Posts
Members
Info

Text Style Description in Code Tab For Handoff

We name our Figma shared text styles to match our design system. For example, .c-heading-1--gray-500. We're finding when we handoff to developers with viewer Figma accounts, they usually only look on the code tab, not the table tab where the text style name appears. Are there…

thumbsup
1
message-simple
1

Your favorite articles/resources about design systems

Around a week from now, 🇵🇭 Figma Philippines will be talking with designers from different companies to discuss and share experiences with workflows and design systems. I'd like to study more about the topic and I'm curious, do you have favorite articles, talks, books, or…

thumbsup
1
message-simple
4

Editing Master Components while keeping Overwrites on Instances

Hi, here's the issue: Say I have a master component "Card" and nested within it an instance of "Headline" (component with different optional flags etc). After using instances of "Card" heavily throughout many layouts, I realize I don't actually need all the optional flags etc of…

thumbsup
0
message-simple
0

How are you documenting your design system?

Our design system preceded our use of Figma. It consists of design components (initially in Sketch and now Figma) and React components with a website for documentation. https://design-system.pluralsight.com I'd love to hear what processes and tools (Figma, Figma API, or 3rd…

thumbsup
11
message-simple
12

How do you split up your Figma libraries?

What approach have you taken to organize your libraries? Do you have any tips or tricks that have made this easier or best practices to share? Here is what we did at Pluralsight: Our Approach At Pluralsight, our approach was to organize our Figma libraries in multiple files…

thumbsup
4
message-simple
1

Some Tips for Getting Started with Styles, Components, and Libraries

Libraries can be intimidating at first. There are so many fully-baked design systems in the wild today, that the barrier to starting can feel unsourmountable. Or if you’re like me, you often don’t know where to start. I like to start small and then build on what I’ve done. Pick…

thumbsup
9
message-simple
6

Components vs UiKit

Hi guys! What do you think of such a file for working with components instead of hundreds of uikits? https://www.figma.com/file/BI5tvrCdH9ZmZ2zfp6VX6GuN/Figma-Components-Table-Demo?node-id=0%3A1

thumbsup
7
message-simple
8

Atomic design system (similar to Form from invision)

I would like to know which wireframe kit, ui kit, etc. based on Atomic Design (kind of like the one from invision : Form (https://www.invisionapp.com/inside-design/design-resources/free-wireframe-kit-form/)) you would recommend to start a big project that has to be…

thumbsup
0
message-simple
6

Icon fonts as components

Hey hey! Quick question for you all. When making icon components that are derived from a font, such as FontAwesome, is it best to flatten the icon before making it a component or is it better to keep the icon as text? Problem: I am currently creating button components with icons…

thumbsup
0
message-simple
4

Component margins

Thought I'd share a little trick I use to fake some padding in components (until padding and margins comes to Figma along with Auto Layout 😉) You can add a 1-column layout grid to a component with a zero gutter and a margin value of whatever you want the padding to be. Then,…

thumbsup
20
message-simple
9