Add ability to upload designs @ 2x
Problem to solve
- If you design screens in Figma @ 1x and use the Gitlab plugin to upload designs to Gitlab, the files that are uploaded are blurry because currently they can only be exported @ 1x.
- PNG exports @ 1x are unusable because the level of blur makes them difficult to parse and also results in an unprofessional appearance.
Proposal
Add a way for users to export designs @ 2x.
Option A - Dropdown in plugin:
- Add a dropdown within the plugin window with options for
1x
,2x
, etc. - Dropdown could be located to the left of the
Upload
button. - The default dropdown selection should probably be
1x
. - If
2x
is selected, ideally the plugin would remember this setting and have2x
selected by default subsequent times the plugin is opened.
Option B - Figma export settings:
- Utilize the Figma export settings of the selected artboard(s) to determine whether to export @ 1x or @ 2x.
- A drawback to this approach is that it would require that users toggle on export functionality in Figma for any artboards they want to upload to Gitlab using the plugin. This is much more tedious than being able to set the export scale within the plugin, as suggested in Option A.
Further details
- For many designers like myself, designing @ 2x within Figma is usually very impractical and creates headaches when handing off designs to developers. So designing @ 2x is not an option.
- Until @ 2x support is added, I will have to continue to manually export designs from Figma and upload them to Gitlab.
Links / references
Mockup of Dropdown in plugin (Option A):
@ 1x design uploaded using Gitlab plugin:
@ 1x design exported at @ 2x and uploaded manually:
Edited by Bethany Nuechterlein