Unable to verify the project's public source code repository.

frame-style-generator

v1.0.0

This tool allows a user to export a scss file containing all the font, gradient, and color variables for a given page. For more information about how to use this package see README

Latest version published 2 years ago

License: Unknown

NPM

Package Health Score

28 / 100

security
Security review needed
popularity
Limited
maintenance
Inactive
community
Limited

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.0.0	\|	04/2020	Popular	0 C 8 H 4 M 1 L	0 H 0 M 0 L

License

Unknown

Unable to detect license

We couldn’t find an appropriate license for this project. It is highly advised to make sure the project license is compatible with your business needs before including it as a dependency, to keep yourself protected from infringement suits or loss of your own code.

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (1)

Dependents: 1
GitHub Stars: ?
Forks: ?
Contributors: -

Direct Usage Popularity

The npm package frame-style-generator receives a total of 1 downloads a week. As such, we scored frame-style-generator popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package frame-style-generator, we found that it has been starred ? times, and that 1 other projects in the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 0
Funding: No

This project has seen only 10 or less contributors.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Unavailable commit data

Open Issues: ?
Open PR: ?
Last Release: 2 years ago
Last Commit: unknown

Further analysis of the maintenance status of frame-style-generator based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for frame-style-generator is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 2 years
Dependencies: 12 Direct
Versions: 2
Install Size: 42.1 kB
Dist-tags: 1
# of Files: 21
Maintainers: 1
TS Typings: No

frame-style-generator has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

Figma Stylesheet Exporter

A CLI tool used to extract CSS values from a Figma file into stylesheet files.

Requirements

You’ll want to ensure you have the following already installed on your local machine before getting started with Starter theme:

Figma Client ID: We will need the Client ID from the Figma file that you will be exporting values from. This client ID is found in the URL of the file.
Typescript: Typescript is a superset of JavaScript. You will need Typescript to compile the code. Simply install Typescript with the following command:

$ npm install -g typescript

Node: The current LTS (long-term support) release. We like to use a Node Version Manager like NVM.
NPM 5+ or Yarn: Both of these package managers have ups and downs, choose whichever you prefer. Follow the installation instructions for Yarn or NPM to make sure you're using the latest version.

Getting started

Nuxt.js is a higher-level framework that builds on top of Vue. It simplifies the development of universal or single page Vue apps.

# install dependencies in root directory
$ yarn

# begin CLI tool
$ yarn start

What next?

You should now have an export of typography base styling, color variables and icons in snippets.

You will now need to format the spacing and commenting of these files manually and paste into your Frame project.
The typography will still require you to edit the replace font-size or any hard-coded pixels values to use a font variable. Either the modular scale or a type scale variable in your configuration.
All icons files except the icon-styleguide.liquid will need to be placed inside your src/snippets directory.
The contents inside icon-styleguide.liquid will need to overwrite the icons section in the src/snippets/styleguide-styles.liquid.

Although this doesn't yet fully automate the process - it does a lot of tedious copy and pasting from Figma. You will still need to review manually and ensure the fonts are rendering properly, spacing is consistent and your project Styleguide is ready for use.

frame-style-generator dependencies

@we-make-websites/stylelint-config axios chalk common-tags css-mqpacker dotenv figma-api inquirer prettier stylelint stylelint-config-prettier typescript

FAQs

What is frame-style-generator?

This tool allows a user to export a scss file containing all the font, gradient, and color variables for a given page. Visit Snyk Advisor to see a full health score report for frame-style-generator, including popularity, security, maintenance & community analysis.

Is frame-style-generator popular?

The npm package frame-style-generator receives a total of 1 weekly downloads. As such, frame-style-generator popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is frame-style-generator safe to use?

While scanning the latest version of frame-style-generator, we found that a security review is needed. A total of 12 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 20 September-2022, at 21:08 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP