figma / community Goto Github PK
View Code? Open in Web Editor NEWThe Official Figma Community
Home Page: https://spectrum.chat/figma
The Official Figma Community
Home Page: https://spectrum.chat/figma
Have you considered open sourcing more things? Like plugins, website, etc..?
Is your feature request related to a problem? Please describe.
Can Figma support variable fonts and create a UI for manipulating the variation-settings
CSS parameter? These are important design elements that are available in browsers, but are not usable in old-world design software. Figma would be leading the design world if it support VF.
Describe the solution you'd like
Fonts with variable headings and variation-settings
should have sliders/ui for manipulating and visualizing the results.
Describe alternatives you've considered
Without support, there aren't any alternatives. Only other option is to use font instances.
Additional context
https://www.typenetwork.com/brochure/opentype-font-variations/
https://opentype.js.org/font-inspector.html
https://www.axis-praxis.org/specimens/__DEFAULT__
Describe the bug
When exporting an svg with mask, figma creates this elements with ID and clip-path with an url to that ID, but it is not working properly (tested only on new edge) when it has any number
To Reproduce
Steps to reproduce the behavior:
<svg width="110" height="110" viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<circle cx="55" cy="55" r="55" fill="#E5E5E5"/>
<g clip-path="url(#clip1)">
<path d="M54.9086 71.7984C60.4013 71.7984 65.1576 69.591 69.0438 65.2359C72.93 60.8815 74.9 55.5537 74.9 49.3985C74.9 43.2454 72.93 37.9168 69.0432 33.561C65.1563 29.2074 60.4007 27 54.9086 27C49.4153 27 44.6603 29.2074 40.7741 33.5617C36.8879 37.9161 34.9172 43.2447 34.9172 49.3985C34.9172 55.5537 36.8879 60.8822 40.7747 65.2366C44.6615 69.5903 49.4172 71.7984 54.9086 71.7984Z" fill="#666666"/>
<path d="M89.8881 98.512C89.776 96.6999 89.5493 94.7231 89.2156 92.6357C88.8787 90.5326 88.4449 88.5445 87.9257 86.7274C87.3893 84.8493 86.6598 82.9946 85.7581 81.2172C84.8222 79.3724 83.7229 77.7661 82.4893 76.4442C81.1994 75.0613 79.6201 73.9495 77.7938 73.1385C75.9739 72.3318 73.957 71.9231 71.7996 71.9231C70.9523 71.9231 70.1329 72.3126 68.5504 73.467C67.5765 74.1787 66.4373 75.0017 65.1658 75.9121C64.0785 76.6883 62.6056 77.4156 60.7863 78.074C59.0113 78.7175 57.2091 79.0439 55.4303 79.0439C53.6516 79.0439 51.85 78.7175 50.0731 78.074C48.2557 77.4163 46.7828 76.689 45.6968 75.9128C44.4373 75.011 43.2975 74.1879 42.309 73.4663C40.7284 72.3119 39.9084 71.9224 39.0611 71.9224C36.903 71.9224 34.8868 72.3318 33.0675 73.1392C31.2425 73.9488 29.6626 75.0606 28.3714 76.4449C27.1385 77.7675 26.0385 79.3731 25.1039 81.2172C24.2028 82.9946 23.4733 84.8486 22.9363 86.7281C22.4177 88.5453 21.9839 90.5326 21.647 92.6357C21.3133 94.7203 21.0866 96.6978 20.9745 98.5142C20.8643 100.294 20.8086 102.141 20.8086 104.006C20.8086 108.861 22.1859 112.791 24.9019 115.689C27.5843 118.549 31.1336 120 35.4497 120H75.4148C79.7309 120 83.279 118.55 85.962 115.689C88.6786 112.793 90.0559 108.862 90.0559 104.005C90.0553 102.131 89.9989 100.283 89.8881 98.512Z" fill="#666666"/>
</g>
</g>
<defs>
<clipPath id="clip0">
<rect width="110" height="110" rx="55" fill="white"/>
</clipPath>
<clipPath id="clip1">
<rect width="83" height="93" fill="white" transform="translate(14 27)"/>
</clipPath>
</defs>
</svg>
Desktop/Browser (please complete the following information):
Is your feature request related to a problem? Please describe.
I am using the Figma addon for Storybook, which is a great help when developing my components. The addon is based on a figma link to provide the preview.
I have to manually zoom the embedded preview to 100% on every code change, which is kind of annoying and bad DX.
Describe the solution you'd like
A way to tell the embedded preview the zoom level it should use. An URL parameter would be the easiest way I think.
I'm sure most of the plugins are on GitHub anyway.. and most likely they are going to be open sourced.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.