https://github.com/planetabhi/figma-design-strategies

Design strategies for complex components in Figma
https://github.com/planetabhi/figma-design-strategies

component design designsystem figma productdesign strategy

Last synced: about 1 month ago
JSON representation

Design strategies for complex components in Figma

• Host: GitHub
• URL: https://github.com/planetabhi/figma-design-strategies
• Owner: planetabhi
• Created: 2022-11-21T18:21:11.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T21:16:39.000Z (almost 2 years ago)
• Last Synced: 2024-11-09T12:12:26.982Z (3 months ago)
• Topics: component, design, designsystem, figma, productdesign, strategy
• Homepage:
• Size: 3.91 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Design Strategies for Complex Components in Figma

1. [Concept of base components](https://medium.com/timeless/concept-of-base-components-1215ac71e88c) `Not recommended`

2. [Comparing base components, variants, and slot components](https://www.figma.com/community/file/1059969965206286524)

3. [Base components best practices](https://www.figma.com/community/file/1014940662898686749) `Not recommended`

4. [Building scalable variants in Figma using base components](https://youtu.be/Im2Eg-m688Y) `Not recommended`

5. [Building flexible components with slots](https://www.figma.com/community/file/969234311094210750)

6. [Best practices for component props](https://twitter.com/Ridderingand/status/1544712832683425792)

7. [Creating and organizing variants](https://www.figma.com/best-practices/creating-and-organizing-variants/)

8. [Using variants effectively](https://www.figma.com/best-practices/creating-and-organizing-variants/using-variants-effectively/)

9. Slot components best practices:

   1.  [Thread 1](https://twitter.com/Ridderingand/status/1435094399143137281) 

   2.  [Thread 2](https://twitter.com/Ridderingand/status/1447600854215782400)

   3.  [Thread 3](https://twitter.com/Ridderingand/status/1482434935428300800)

   4.  [Thread 4](https://twitter.com/Ridderingand/status/1527393687960842253)

   5.  [Thread 5](https://twitter.com/Ridderingand/status/1592561652758548480)

10. [Example of using Slot components in Figma](https://youtu.be/jdFFH9MvGhw)

11. [Template components in Figma](https://youtu.be/iW_goSGqrNk)

12. Component properties best practices

    1.  [Thread 1](https://twitter.com/molly_hellmuth/status/1557780376390537216)

    2.  [Thread 2](https://twitter.com/Ridderingand/status/1552677501683376128)

13. [Repeating children](https://twitter.com/SShuaiqi/status/1597093945925779456)

14. [Pseudo slots](https://youtu.be/CGWbit0BDQM)